@latticexyz/entrykit 2.2.18-9fa07c8489f1fbf167d0db01cd9aaa645a29c8e2 → 2.2.18-c2ad22c7feb566e1731ff16e8be291746bdffb3e

package/dist/tsup/exports/internal.js

@@ -1,2254 +1,1398 @@
-// src/config/defineConfig.ts
-function defineConfig(input) {
-  return {
-    ...input,
-    appName: input.appName ?? document.title,
-    appIcon: input.appIcon ?? document.querySelector("link[rel~='icon']")?.getAttribute("href") ?? "/favico.ico"
-  };
-}
-
-// src/ui/Modal.tsx
-import { Root as DialogRoot, DialogPortal, DialogContent } from "@radix-ui/react-dialog";
-
-// src/ui/Shadow.tsx
-import { forwardRef, useEffect, useRef, useState } from "react";
-import ReactDOM from "react-dom";
-
-// ../../node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/tailwind.css?inline
-var tailwind_default = '*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n.container {\n  width: 100%;\n}\n\n@media (min-width: 640px) {\n\n  .container {\n    max-width: 640px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .container {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .container {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .container {\n    max-width: 1280px;\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .container {\n    max-width: 1536px;\n  }\n}\n\n.grid-cols-2.divide-y > :not([hidden]) ~ :not([hidden]):nth-child(-n + 2) {\n  border-top-width: 0;\n  border-bottom-width: 0;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.pointer-events-auto {\n  pointer-events: auto;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.right-0 {\n  right: 0px;\n}\n\n.top-0 {\n  top: 0px;\n}\n\n.col-start-1 {\n  grid-column-start: 1;\n}\n\n.row-start-1 {\n  grid-row-start: 1;\n}\n\n.m-0 {\n  margin: 0px;\n}\n\n.m-2 {\n  margin: 0.5rem;\n}\n\n.-mx-0\\.5 {\n  margin-left: -0.125rem;\n  margin-right: -0.125rem;\n}\n\n.-my-1 {\n  margin-top: -0.25rem;\n  margin-bottom: -0.25rem;\n}\n\n.-my-\\[0\\.125em\\] {\n  margin-top: -0.125em;\n  margin-bottom: -0.125em;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.-ml-3 {\n  margin-left: -0.75rem;\n}\n\n.block {\n  display: block;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.inline-grid {\n  display: inline-grid;\n}\n\n.contents {\n  display: contents;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-\\[1\\.25em\\] {\n  height: 1.25em;\n}\n\n.h-\\[1em\\] {\n  height: 1em;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.max-h-32 {\n  max-height: 8rem;\n}\n\n.min-h-\\[22rem\\] {\n  min-height: 22rem;\n}\n\n.min-h-\\[26rem\\] {\n  min-height: 26rem;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.w-28 {\n  width: 7rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-48 {\n  width: 12rem;\n}\n\n.w-6 {\n  width: 1.5rem;\n}\n\n.w-60 {\n  width: 15rem;\n}\n\n.w-\\[0\\.6em\\] {\n  width: 0.6em;\n}\n\n.w-\\[1\\.25em\\] {\n  width: 1.25em;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.max-w-\\[26rem\\] {\n  max-width: 26rem;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow {\n  flex-grow: 1;\n}\n\n.translate-x-2 {\n  --tw-translate-x: 0.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-50 {\n  --tw-scale-x: .5;\n  --tw-scale-y: .5;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.grid-cols-\\[1fr_auto_1fr\\] {\n  grid-template-columns: 1fr auto 1fr;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.place-items-center {\n  place-items: center;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: 0.25rem;\n}\n\n.gap-2 {\n  gap: 0.5rem;\n}\n\n.gap-2\\.5 {\n  gap: 0.625rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-neutral-700 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-divide-opacity));\n}\n\n.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(38 38 38 / var(--tw-divide-opacity));\n}\n\n.self-auto {\n  align-self: auto;\n}\n\n.self-end {\n  align-self: flex-end;\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n.whitespace-break-spaces {\n  white-space: break-spaces;\n}\n\n.break-all {\n  word-break: break-all;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-4 {\n  border-width: 4px;\n}\n\n.border-l-4 {\n  border-left-width: 4px;\n}\n\n.border-neutral-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(212 212 212 / var(--tw-border-opacity));\n}\n\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: transparent;\n}\n\n.bg-black\\/10 {\n  background-color: rgb(0 0 0 / 0.1);\n}\n\n.bg-neutral-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 245 245 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800\\/85 {\n  background-color: rgb(38 38 38 / 0.85);\n}\n\n.bg-neutral-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-orange-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 115 22 / var(--tw-bg-opacity));\n}\n\n.bg-orange-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n\n.bg-cover {\n  background-size: cover;\n}\n\n.bg-center {\n  background-position: center;\n}\n\n.bg-no-repeat {\n  background-repeat: no-repeat;\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.p-1 {\n  padding: 0.25rem;\n}\n\n.p-2 {\n  padding: 0.5rem;\n}\n\n.p-3 {\n  padding: 0.75rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-5 {\n  padding: 1.25rem;\n}\n\n.p-6 {\n  padding: 1.5rem;\n}\n\n.p-\\[\\.75em\\] {\n  padding: .75em;\n}\n\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.py-8 {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\n\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.text-\\[\\.75em\\] {\n  font-size: .75em;\n}\n\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.tracking-\\[-1ch\\] {\n  letter-spacing: -1ch;\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.text-neutral-700 {\n  --tw-text-opacity: 1;\n  color: rgb(64 64 64 / var(--tw-text-opacity));\n}\n\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity));\n}\n\n.text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity));\n}\n\n.text-transparent {\n  color: transparent;\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.opacity-25 {\n  opacity: 0.25;\n}\n\n.opacity-30 {\n  opacity: 0.3;\n}\n\n.opacity-75 {\n  opacity: 0.75;\n}\n\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-neutral-700\\/50 {\n  --tw-ring-color: rgb(64 64 64 / 0.5);\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.duration-100 {\n  transition-duration: 100ms;\n}\n\n.duration-300 {\n  transition-duration: 300ms;\n}\n\n@keyframes enter {\n\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n\n@keyframes exit {\n\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n\n.animate-in {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n\n.fade-in {\n  --tw-enter-opacity: 0;\n}\n\n.slide-in-from-bottom-16 {\n  --tw-enter-translate-y: 4rem;\n}\n\n.slide-in-from-bottom-8 {\n  --tw-enter-translate-y: 2rem;\n}\n\n.animate-duration-300 {\n  animation-duration: 300ms;\n}\n\n@property --tw-border-gradient-angle {\n  syntax: \'<angle>\';\n  inherits: true;\n  initial-value: 0deg;\n}\n\n@property --tw-conic-gradient-angle {\n  syntax: \'<angle>\';\n  inherits: true;\n  initial-value: 0deg;\n}\n\n@keyframes border-gradient {\n\n  to {\n    --tw-border-gradient-angle: 360deg;\n  }\n}\n\n.after\\:select-none::after {\n  content: var(--tw-content);\n  -webkit-user-select: none;\n          user-select: none;\n}\n\n.after\\:content-\\[\\\'\\2026\\\'\\]::after {\n  --tw-content: \'\u2026\';\n  content: var(--tw-content);\n}\n\n.hover\\:bg-neutral-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 229 229 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-orange-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n\n.hover\\:text-neutral-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:brightness-125:hover {\n  --tw-brightness: brightness(1.25);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.focus\\:border-orange-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(249 115 22 / var(--tw-border-opacity));\n}\n\n.focus\\:border-yellow-400:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(250 204 21 / var(--tw-border-opacity));\n}\n\n.active\\:bg-orange-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.active\\:brightness-150:active {\n  --tw-brightness: brightness(1.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.group:hover .group-hover\\:rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.aria-busy\\:pointer-events-none[aria-busy="true"] {\n  pointer-events: none;\n}\n\n.aria-disabled\\:pointer-events-none[aria-disabled="true"] {\n  pointer-events: none;\n}\n\n.aria-disabled\\:opacity-50[aria-disabled="true"] {\n  opacity: 0.5;\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:scale-125 {\n  --tw-scale-x: 1.25;\n  --tw-scale-y: 1.25;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:opacity-100 {\n  opacity: 1;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:opacity-0 {\n  opacity: 0;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:opacity-100 {\n  opacity: 1;\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:duration-300 {\n  transition-duration: 300ms;\n}\n\n.data-\\[highlighted\\]\\:bg-neutral-200[data-highlighted] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 229 229 / var(--tw-bg-opacity));\n}\n\n.links\\:font-medium a[href]:not(.links-unset) {\n  font-weight: 500;\n}\n\n.links\\:text-white a[href]:not(.links-unset) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.links\\:underline a[href]:not(.links-unset) {\n  text-decoration-line: underline;\n}\n\n.links\\:decoration-neutral-500 a[href]:not(.links-unset) {\n  text-decoration-color: #737373;\n}\n\n.links\\:underline-offset-4 a[href]:not(.links-unset) {\n  text-underline-offset: 4px;\n}\n\n.hover\\:links\\:decoration-orange-500 a[href]:not(.links-unset):hover {\n  text-decoration-color: #f97316;\n}\n\n@media (min-width: 640px) {\n\n  .sm\\:items-center {\n    align-items: center;\n  }\n}\n\n.dark\\:border-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-border-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-border-opacity));\n}\n\n.dark\\:bg-neutral-800:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-red-900:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-white\\/10:where([data-theme="dark"], [data-theme="dark"] *) {\n  background-color: rgb(255 255 255 / 0.1);\n}\n\n.dark\\:text-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.dark\\:text-red-50:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(254 242 242 / var(--tw-text-opacity));\n}\n\n.dark\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.dark\\:hover\\:bg-neutral-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.group:hover .dark\\:group-hover\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n';
-
-// src/ui/Shadow.tsx
-import { useResizeObserver } from "usehooks-ts";
-import { mergeRefs } from "react-merge-refs";
-
-// src/ui/FrameProvider.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var Context = createContext(null);
-function FrameProvider({ frame, children }) {
-  const value = useContext(Context);
-  if (value) throw new Error("`FrameProvider` can only be used once.");
-  return /* @__PURE__ */ jsx(Context.Provider, { value: { frame }, children });
-}
-
-// src/useTheme.ts
-import { useMediaQuery } from "usehooks-ts";
-
-// src/EntryKitConfigProvider.tsx
-import "@rainbow-me/rainbowkit/styles.css";
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { RainbowKitProvider, midnightTheme } from "@rainbow-me/rainbowkit";
-import { useChains } from "wagmi";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Context2 = createContext2(null);
-function EntryKitConfigProvider({ config, children }) {
-  const currentConfig = useContext2(Context2);
-  if (currentConfig) throw new Error("`EntryKitProvider` can only be used once.");
-  const chains = useChains();
-  const chain = chains.find(({ id }) => id === config.chainId);
-  if (!chain) throw new Error(`Could not find configured chain for chain ID ${config.chainId}.`);
-  return /* @__PURE__ */ jsx2(
-    RainbowKitProvider,
-    {
-      initialChain: 0,
-      appInfo: {
-        appName: config.appName
-        // TODO: learn more and disclaimer
-      },
-      theme: midnightTheme({ borderRadius: "none" }),
-      children: /* @__PURE__ */ jsx2(Context2.Provider, { value: { ...config, chain }, children })
-    }
-  );
-}
-function useEntryKitConfig() {
-  const config = useContext2(Context2);
-  if (!config) throw new Error("`useEntryKitConfig` can only be used within a `EntryKitProvider`.");
-  return config;
-}
-
-// src/useTheme.ts
-function useTheme() {
-  const { theme: initialTheme } = useEntryKitConfig();
-  const darkMode = useMediaQuery("(prefers-color-scheme: dark)");
-  const theme = initialTheme ?? (darkMode ? "dark" : "light");
-  return theme;
-}
-
-// src/ui/Shadow.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function Resizer({
-  onSize,
-  ...props
-}) {
-  const ref = useRef(null);
-  useResizeObserver({ ref, onResize: onSize });
-  return /* @__PURE__ */ jsx3("div", { ref, ...props, style: { ...props.style, display: "inline-grid" } });
-}
-var Shadow = forwardRef(function Shadow2({ mode, children }, forwardedRef) {
-  const frameRef = useRef(null);
-  const [loaded, setLoaded] = useState(false);
-  const frame = loaded ? frameRef.current : null;
-  const [frameSize, setFrameSize] = useState({
-    width: void 0,
-    height: void 0
-  });
-  const frameDocument = frame?.contentDocument;
-  const theme = useTheme();
-  useEffect(() => {
-    if (frameDocument) {
-      frameDocument.body.setAttribute("data-theme", theme);
-    }
-  }, [frameDocument, theme]);
-  const frameStyle = mode === "modal" ? {
-    all: "unset",
-    display: "block",
-    position: "fixed",
-    inset: "0",
-    width: "100%",
-    height: "100%",
-    zIndex: "2147483646"
-  } : frameSize.width && frameSize.height ? {
-    all: "unset",
-    display: "inline-grid",
-    width: `${frameSize.width}px`,
-    height: `${frameSize.height}px`
-  } : {
-    all: "unset",
-    display: "block",
-    position: "fixed",
-    inset: "0",
-    width: "100%",
-    height: "100%",
-    opacity: 0,
-    pointerEvents: "none"
-  };
-  return /* @__PURE__ */ jsx3(
-    "iframe",
-    {
-      ref: mergeRefs([forwardedRef, frameRef]),
-      style: frameStyle,
-      onLoad: () => setLoaded(true),
-      srcDoc: "<!doctype html><title>\u2026</title>",
-      children: frameDocument ? ReactDOM.createPortal(
-        /* @__PURE__ */ jsxs(FrameProvider, { frame, children: [
-          /* @__PURE__ */ jsx3("div", { children: mode === "modal" ? children : /* @__PURE__ */ jsx3(Resizer, { onSize: setFrameSize, children }) }),
-          /* @__PURE__ */ jsx3("style", { dangerouslySetInnerHTML: { __html: tailwind_default } })
-        ] }),
-        frameDocument.body
-      ) : null
-    }
-  );
-});
-
-// src/ui/Modal.tsx
-import { twMerge } from "tailwind-merge";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function Modal({ open, onOpenChange, children }) {
-  return /* @__PURE__ */ jsx4(DialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsx4(DialogPortal, { children: /* @__PURE__ */ jsxs2(Shadow, { mode: "modal", children: [
-    /* @__PURE__ */ jsx4("div", { className: twMerge("fixed inset-0", "bg-neutral-800/85", "animate-in animate-duration-300 fade-in") }),
-    /* @__PURE__ */ jsx4(
-      "div",
-      {
-        className: twMerge(
-          "fixed inset-0",
-          "grid items-end sm:items-center",
-          "animate-in animate-duration-300 fade-in slide-in-from-bottom-16"
-        ),
-        children: /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
-          DialogContent,
-          {
-            className: "outline-none w-full max-w-[26rem] mx-auto",
-            "aria-describedby": void 0,
-            onOpenAutoFocus: (event) => {
-              event.preventDefault();
-            },
-            children
-          }
-        ) })
-      }
-    )
-  ] }) }) });
-}
-
-// src/useAccountModal.ts
-import { useCallback, useMemo } from "react";
-import { useStore } from "zustand";
-import { createStore } from "zustand/vanilla";
-var store = createStore(() => ({ open: false }));
-function useAccountModal() {
-  const accountModalOpen = useStore(store, (state) => state.open);
-  const openAccountModal = useCallback(() => {
-    store.setState({ open: true });
-  }, []);
-  const closeAccountModal = useCallback(() => {
-    store.setState({ open: false });
-  }, []);
-  const toggleAccountModal = useCallback((open) => {
-    store.setState({ open });
-  }, []);
-  return useMemo(
-    () => ({
-      accountModalOpen,
-      openAccountModal,
-      closeAccountModal,
-      toggleAccountModal
-    }),
-    [accountModalOpen, openAccountModal, closeAccountModal, toggleAccountModal]
-  );
-}
-
-// src/AccountModal.tsx
-import { twMerge as twMerge11 } from "tailwind-merge";
-
-// src/AccountModalContent.tsx
-import { useAccount as useAccount2, useConnectorClient } from "wagmi";
-
-// src/ConnectWallet.tsx
-import { useAccount } from "wagmi";
-
-// src/ui/Button.tsx
-import { twMerge as twMerge3 } from "tailwind-merge";
-
-// src/icons/PendingIcon.tsx
-import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function PendingIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsxs3(
-    "svg",
-    {
-      className: twMerge2("-my-[0.125em] h-[1.25em] w-[1.25em] animate-spin", className),
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx5("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-        /* @__PURE__ */ jsx5(
-          "path",
-          {
-            className: "opacity-75",
-            fill: "currentColor",
-            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/ui/Button.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var buttonClassName = ({ variant = "secondary" } = {}) => twMerge3(
-  "group/button self-center leading-none outline-none border-4 border-transparent",
-  "transition hover:brightness-125 active:brightness-150",
-  "focus:border-orange-500",
-  "aria-disabled:pointer-events-none aria-busy:pointer-events-none",
-  // TODO: better disabled state
-  "aria-disabled:opacity-50",
-  "p-[.75em] font-medium",
-  {
-    primary: twMerge3("bg-orange-600 text-white focus:border-yellow-400"),
-    secondary: twMerge3("bg-neutral-700 text-white focus:border-orange-500"),
-    tertiary: twMerge3("bg-neutral-800 text-white focus:border-orange-500")
-  }[variant]
-);
-var Button = ({ pending, variant, type, className, children, disabled, ...props }) => {
-  return /* @__PURE__ */ jsx6(
-    "button",
-    {
-      type: type || "button",
-      className: twMerge3(buttonClassName({ variant, pending }), className),
-      "aria-busy": pending,
-      "aria-disabled": disabled,
-      disabled: disabled || pending,
-      ...props,
-      children: /* @__PURE__ */ jsxs4("span", { className: "grid grid-cols-[1fr_auto_1fr] gap-2", children: [
-        /* @__PURE__ */ jsx6("span", { className: "flex items-center justify-end text-[.75em]", children: /* @__PURE__ */ jsx6("span", { className: "transition opacity-0 translate-x-2 group-aria-busy/button:opacity-100 group-aria-busy/button:translate-x-0 duration-100 group-aria-busy/button:duration-300", children: /* @__PURE__ */ jsx6(PendingIcon, {}) }) }),
-        /* @__PURE__ */ jsx6("span", { children })
-      ] })
-    }
-  );
-};
-
-// src/ConnectWallet.tsx
-import { useConnectModal } from "@rainbow-me/rainbowkit";
-
-// src/icons/Logo.tsx
-import { twMerge as twMerge4 } from "tailwind-merge";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function Logo({ className, ...props }) {
-  return /* @__PURE__ */ jsxs5(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 8 8",
-      fill: "currentColor",
-      shapeRendering: "crispEdges",
-      className: twMerge4("-my-[0.125em] h-[1.25em] w-[1.25em]", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx7("path", { d: "M0 0h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm2-1h1v1H7zm0 1h1v1H7zM6 7h1v1H6zm1-2h1v1H7zm0-1h1v1H7zm0-1h1v1H7z" }),
-        /* @__PURE__ */ jsx7(
-          "path",
-          {
-            d: "M2 2h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm1-3h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm0 1h1v1H5zm0 1h1v1H5zm0 1h1v1H5zM4 5h1v1H4zM3 5h1v1H3z",
-            opacity: ".5"
-          }
-        ),
-        /* @__PURE__ */ jsx7("path", { d: "M7 2h1v1H7zm0-1h1v1H7zM1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm1 0h1v1H6zm1 0h1v1H7z" })
-      ]
-    }
-  );
-}
-
-// src/usePreloadImage.tsx
-import { useQuery } from "@tanstack/react-query";
-function usePreloadImage(url) {
-  return useQuery({
-    enabled: !!url,
-    retry: false,
-    retryOnMount: false,
-    refetchOnMount: false,
-    refetchOnWindowFocus: false,
-    queryKey: ["preloadImage", url],
-    queryFn: () => new Promise((resolve, reject) => {
-      if (!url) throw new Error("usePreloadImage: Must provide `url` to preload image.");
-      const image = new Image();
-      image.onload = () => resolve(image);
-      image.onerror = () => reject(new Error(`usePreloadImage: Could not load image.
-
-	URL: ${url}`));
-      image.src = url;
-    })
-  });
-}
-
-// src/AppInfo.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-function AppInfo() {
-  const { appName, appIcon } = useEntryKitConfig();
-  const { data: hasAppIcon, isLoading: appIconLoading } = usePreloadImage(appIcon);
-  return /* @__PURE__ */ jsxs6("div", { className: "flex-grow flex flex-col items-center justify-center gap-2", children: [
-    /* @__PURE__ */ jsx8("div", { className: "w-16 h-16 m-2", children: !appIconLoading ? hasAppIcon ? /* @__PURE__ */ jsx8("img", { src: appIcon, className: "w-full h-full object-cover" }) : (
-      // TODO: swap with favicon
-      /* @__PURE__ */ jsx8(Logo, { className: "w-full h-full text-orange-500 dark:bg-neutral-800" })
-    ) : null }),
-    /* @__PURE__ */ jsx8("div", { className: "text-2xl text-white text-center", children: appName })
-  ] });
-}
-
-// src/ConnectWallet.tsx
-import { twMerge as twMerge5 } from "tailwind-merge";
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-function ConnectWallet() {
-  const userAccount = useAccount();
-  const { openConnectModal, connectModalOpen } = useConnectModal();
-  const [hasAutoOpened, setHasAutoOpened] = useState2(false);
-  useEffect2(() => {
-    if (!connectModalOpen && !hasAutoOpened) {
-      openConnectModal?.();
-      setHasAutoOpened(true);
-    }
-  }, [connectModalOpen, hasAutoOpened, openConnectModal]);
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      className: twMerge5("flex flex-col gap-6 p-6", "animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),
-      children: [
-        /* @__PURE__ */ jsx9("div", { className: "p-4", children: /* @__PURE__ */ jsx9(AppInfo, {}) }),
-        /* @__PURE__ */ jsx9("div", { className: "self-center flex flex-col gap-2 w-60", children: /* @__PURE__ */ jsx9(
-          Button,
-          {
-            variant: "secondary",
-            className: "self-auto flex justify-center",
-            disabled: userAccount.status === "connecting",
-            onClick: openConnectModal,
-            autoFocus: true,
-            children: "Connect wallet"
-          },
-          "create"
-        ) })
-      ]
-    }
-  );
-}
-
-// src/onboarding/ConnectedSteps.tsx
-import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
-import { twMerge as twMerge7 } from "tailwind-merge";
-
-// src/onboarding/common.ts
-import { parseEther } from "viem";
-var minGasBalance = parseEther("0.01");
-
-// src/onboarding/quarry/useAllowance.ts
-import { useClient } from "wagmi";
-import { queryOptions, useQuery as useQuery2 } from "@tanstack/react-query";
-
-// src/quarry/getAllowance.ts
-import { numberToHex } from "viem";
-
-// src/quarry/common.ts
-import { defineStore } from "@latticexyz/store";
-import { parseAbi } from "viem";
-var paymasterAbi = parseAbi([
-  "error SpenderSystem_AlreadyRegistered(address spender, address user)",
-  "error SpenderSystem_HasOwnBalance(address spender)",
-  "function registerSpender(address spender)"
-]);
-var paymasterConfig = defineStore({
-  namespaces: {
-    root: {
-      namespace: "",
-      tables: {
-        Allowance: {
-          schema: {
-            user: "address",
-            allowance: "uint256"
-          },
-          key: ["user"]
-        },
-        Grantor: {
-          schema: {
-            grantor: "address",
-            allowance: "uint256"
-          },
-          key: ["grantor"]
-        },
-        PassHolder: {
-          schema: {
-            user: "address",
-            passId: "bytes32",
-            lastRenewed: "uint256",
-            lastClaimed: "uint256"
-          },
-          key: ["user", "passId"]
-        },
-        PassConfig: {
-          schema: {
-            passId: "bytes32",
-            claimAmount: "uint256",
-            claimInterval: "uint256",
-            validityPeriod: "uint256",
-            grantor: "address"
-          },
-          key: ["passId"]
-        },
-        Spender: {
-          schema: {
-            spender: "address",
-            user: "address"
-          },
-          key: ["spender"]
-        },
-        SystemConfig: {
-          schema: {
-            entryPoint: "address"
-          },
-          key: []
-        }
-      }
-    }
+function Gt(e){return{...e,appName:e.appName??document.title,appIcon:e.appIcon??document.querySelector("link[rel~='icon']")?.getAttribute("href")??"/favico.ico"}}import{Root as ar,DialogPortal as ir,DialogContent as sr}from"@radix-ui/react-dialog";import{forwardRef as Zt,useEffect as Jt,useRef as Te,useState as Ee}from"react";import er from"react-dom";var ve=`*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}/*
+! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
+*//*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured \`sans\` font-family by default.
+5. Use the user's configured \`sans\` font-feature-settings by default.
+6. Use the user's configured \`sans\` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
+  tab-size: 4; /* 3 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
+*/
+
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured \`mono\` font-family by default.
+2. Use the user's configured \`mono\` font-feature-settings by default.
+3. Use the user's configured \`mono\` font-variation-settings by default.
+4. Correct the odd \`em\` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to \`inherit\` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+[hidden] {
+  display: none;
+}
+
+.container {
+  width: 100%;
+}
+
+@media (min-width: 640px) {
+
+  .container {
+    max-width: 640px;
   }
-});
-var paymasterTables = paymasterConfig.namespaces.root.tables;
-
-// src/quarry/getAllowance.ts
-import { getRecord, getStaticDataLocation } from "@latticexyz/store/internal";
-import { getKeyTuple } from "@latticexyz/protocol-parser/internal";
-import { setStorageAt } from "viem/actions";
-
-// src/getPaymaster.ts
-function getPaymaster(chain) {
-  const contracts = chain.contracts ?? {};
-  if ("quarryPaymaster" in contracts && contracts.quarryPaymaster != null) {
-    if ("address" in contracts.quarryPaymaster) {
-      return {
-        type: "quarry",
-        address: contracts.quarryPaymaster.address
-      };
-    }
+}
+
+@media (min-width: 768px) {
+
+  .container {
+    max-width: 768px;
   }
-  if ("paymaster" in contracts && contracts.paymaster != null) {
-    if ("address" in contracts.paymaster) {
-      return {
-        type: "simple",
-        address: contracts.paymaster.address
-      };
-    }
+}
+
+@media (min-width: 1024px) {
+
+  .container {
+    max-width: 1024px;
   }
 }
 
-// src/quarry/getAllowance.ts
-async function getAllowance({ client, userAddress }) {
-  const paymaster = getPaymaster(client.chain);
-  if (paymaster?.type !== "quarry") return null;
-  const record = await getRecord(client, {
-    address: paymaster.address,
-    table: paymasterTables.Allowance,
-    key: { user: userAddress },
-    blockTag: "pending"
-  });
-  return record.allowance;
-}
-async function setAllowanceSlot({ client, userAddress, allowance }) {
-  const paymaster = getPaymaster(client.chain);
-  if (paymaster?.type !== "quarry") return;
-  const slot = getStaticDataLocation(
-    paymasterTables.Allowance.tableId,
-    getKeyTuple(paymasterTables.Allowance, { user: userAddress })
-  );
-  await setStorageAt(
-    client.extend(() => ({ mode: "anvil" })),
-    {
-      address: paymaster.address,
-      index: slot,
-      value: numberToHex(allowance, { size: 32 })
-    }
-  );
-}
-
-// src/onboarding/quarry/useAllowance.ts
-function getAllowanceQueryOptions({
-  client,
-  userAddress
-}) {
-  const queryKey = ["getAllowance", client?.chain.id, userAddress];
-  return queryOptions(
-    client && userAddress ? {
-      queryKey,
-      queryFn: () => getAllowance({ client, userAddress })
-    } : { queryKey, enabled: false }
-  );
-}
-function useAllowance(userAddress) {
-  const { chainId } = useEntryKitConfig();
-  const client = useClient({ chainId });
-  return useQuery2(getAllowanceQueryOptions({ client, userAddress }));
-}
-
-// src/onboarding/quarry/useSpender.ts
-import { useClient as useClient2 } from "wagmi";
-import { queryOptions as queryOptions2, useQuery as useQuery3 } from "@tanstack/react-query";
-
-// src/onboarding/quarry/getSpender.ts
-import { getRecord as getRecord2 } from "@latticexyz/store/internal";
-async function getSpender({ client, userAddress, sessionAddress }) {
-  const paymaster = getPaymaster(client.chain);
-  if (paymaster?.type !== "quarry") return null;
-  const record = await getRecord2(client, {
-    address: paymaster.address,
-    table: paymasterTables.Spender,
-    key: { spender: sessionAddress },
-    blockTag: "pending"
-  });
-  return record.user.toLowerCase() === userAddress.toLowerCase();
-}
-
-// src/onboarding/quarry/useSpender.ts
-function getSpenderQueryOptions({
-  client,
-  userAddress,
-  sessionAddress
-}) {
-  const queryKey = ["getSpender", client?.chain.id, userAddress, sessionAddress];
-  return queryOptions2(
-    client && userAddress && sessionAddress ? {
-      queryKey,
-      queryFn: () => getSpender({ client, userAddress, sessionAddress })
-    } : { queryKey, enabled: false }
-  );
-}
-
-// src/onboarding/useDelegation.ts
-import { useClient as useClient3 } from "wagmi";
-import { queryOptions as queryOptions3, useQuery as useQuery4 } from "@tanstack/react-query";
-
-// src/onboarding/getDelegation.ts
-import { getRecord as getRecord3 } from "@latticexyz/store/internal";
-
-// src/common.ts
-import { resourceToHex } from "@latticexyz/common";
-import { parseAbi as parseAbi2 } from "viem";
-import worldConfig from "@latticexyz/world/mud.config";
-var defaultClientConfig = {
-  pollingInterval: 250
-};
-var unlimitedDelegationControlId = resourceToHex({ type: "system", namespace: "", name: "unlimited" });
-var worldTables = worldConfig.namespaces.world.tables;
-var worldAbi = parseAbi2([
-  "function registerDelegation(address delegatee, bytes32 delegationControlId, bytes initCallData)"
-]);
-
-// src/onboarding/getDelegation.ts
-async function getDelegation({ client, worldAddress, userAddress, sessionAddress }) {
-  const record = await getRecord3(client, {
-    address: worldAddress,
-    table: worldTables.UserDelegationControl,
-    key: { delegator: userAddress, delegatee: sessionAddress },
-    blockTag: "pending"
-  });
-  return record.delegationControlId === unlimitedDelegationControlId;
-}
-
-// src/onboarding/useDelegation.ts
-function getDelegationQueryOptions({
-  client,
-  worldAddress,
-  userAddress,
-  sessionAddress
-}) {
-  const queryKey = ["getDelegation", client?.chain.id, worldAddress, userAddress, sessionAddress];
-  return queryOptions3(
-    client && userAddress && sessionAddress ? {
-      queryKey,
-      queryFn: () => getDelegation({ client, worldAddress, userAddress, sessionAddress })
-    } : { queryKey, enabled: false }
-  );
-}
-
-// src/onboarding/usePrerequisites.ts
-import { queryOptions as queryOptions5, useQuery as useQuery6, useQueryClient } from "@tanstack/react-query";
-import { useClient as useClient5, useConfig } from "wagmi";
-
-// src/useSessionAccount.ts
-import { useClient as useClient4 } from "wagmi";
-import { queryOptions as queryOptions4, useQuery as useQuery5 } from "@tanstack/react-query";
-
-// src/getSessionAccount.ts
-import { toSimpleSmartAccount } from "permissionless/accounts";
-
-// src/getSessionSigner.ts
-import { isHex } from "viem";
-
-// src/store.ts
-import { createStore as createStore2 } from "zustand/vanilla";
-import { persist } from "zustand/middleware";
-var store2 = createStore2(
-  persist(
-    () => ({
-      signers: {}
-    }),
-    {
-      name: "mud:entrykit",
-      partialize: ({ signers }) => ({ signers })
-    }
-  )
-);
-function listener(event) {
-  if (event.key === store2.persist.getOptions().name) {
-    store2.persist.rehydrate();
+@media (min-width: 1280px) {
+
+  .container {
+    max-width: 1280px;
   }
 }
-window.addEventListener("storage", listener);
-
-// src/getSessionSigner.ts
-import { generatePrivateKey, privateKeyToAccount } from "viem/accounts";
-function getSessionSigner(userAddress) {
-  const label = userAddress.toLowerCase();
-  const sessionSignerPrivateKey = store2.getState().signers[label] ?? (() => {
-    const deprecatedPrivateKey = localStorage.getItem(`mud:appSigner:privateKey:${userAddress.toLowerCase()}`)?.replace(/^"(.*)"$/, "$1");
-    const privateKey = isHex(deprecatedPrivateKey) ? deprecatedPrivateKey : generatePrivateKey();
-    store2.setState((state) => ({
-      signers: {
-        ...state.signers,
-        [label]: privateKey
-      }
-    }));
-    return privateKey;
-  })();
-  return privateKeyToAccount(sessionSignerPrivateKey);
-}
-
-// src/getSessionAccount.ts
-async function getSessionAccount({
-  client,
-  userAddress
-}) {
-  const signer = getSessionSigner(userAddress);
-  const account = await toSimpleSmartAccount({ client, owner: signer });
-  return account;
-}
-
-// src/useSessionAccount.ts
-function getSessionAccountQueryOptions({
-  client,
-  userAddress
-}) {
-  const queryKey = ["getSessionAccount", client?.chain.id, userAddress];
-  return queryOptions4(
-    client && userAddress ? {
-      queryKey,
-      queryFn: () => getSessionAccount({ client, userAddress }),
-      staleTime: Infinity
-    } : { queryKey, enabled: false }
-  );
-}
-function useSessionAccount(userAddress) {
-  const { chainId } = useEntryKitConfig();
-  const client = useClient4({ chainId });
-  return useQuery5(getSessionAccountQueryOptions({ userAddress, client }));
-}
-
-// src/onboarding/usePrerequisites.ts
-import { getBalanceQueryOptions } from "wagmi/query";
-function getPrequisitesQueryOptions({
-  queryClient,
-  config,
-  client,
-  userAddress,
-  worldAddress
-}) {
-  const queryKey = ["getPrerequisites", client?.chain.id, userAddress];
-  return queryOptions5(
-    client && userAddress ? {
-      queryKey,
-      queryFn: async () => {
-        const paymaster = getPaymaster(client.chain);
-        const { address: sessionAddress } = await queryClient.fetchQuery(
-          getSessionAccountQueryOptions({ client, userAddress })
-        );
-        const [sessionBalance, allowance, spender, hasDelegation] = await Promise.all([
-          !paymaster ? queryClient.fetchQuery(
-            getBalanceQueryOptions(config, { chainId: client.chain.id, address: sessionAddress })
-          ) : null,
-          paymaster?.type === "quarry" ? queryClient.fetchQuery(getAllowanceQueryOptions({ client, userAddress })) : null,
-          paymaster?.type === "quarry" ? queryClient.fetchQuery(getSpenderQueryOptions({ client, userAddress, sessionAddress })) : null,
-          queryClient.fetchQuery(getDelegationQueryOptions({ client, worldAddress, userAddress, sessionAddress }))
-        ]);
-        const hasAllowance = allowance == null || allowance >= minGasBalance;
-        const isSpender = spender == null ? true : spender;
-        const hasGasBalance = sessionBalance == null || sessionBalance.value >= minGasBalance;
-        return {
-          sessionAddress,
-          hasAllowance,
-          isSpender,
-          hasGasBalance,
-          hasDelegation,
-          complete: hasAllowance && isSpender && hasDelegation
-        };
-      }
-    } : { queryKey, enabled: false }
-  );
-}
-function usePrerequisites(userAddress) {
-  const queryClient = useQueryClient();
-  const { chainId, worldAddress } = useEntryKitConfig();
-  const config = useConfig();
-  const client = useClient5({ chainId });
-  const prereqs = useQuery6(
-    getPrequisitesQueryOptions({
-      config,
-      queryClient,
-      client,
-      userAddress,
-      worldAddress
-    }),
-    queryClient
-  );
-  return prereqs;
-}
-
-// src/onboarding/Wallet.tsx
-import { useDisconnect } from "wagmi";
-
-// src/useENS.ts
-import { useQuery as useQuery7 } from "@tanstack/react-query";
-function useENS(address) {
-  const normalizedAddress = address?.toLowerCase();
-  return useQuery7({
-    enabled: !!normalizedAddress,
-    queryKey: ["ens", normalizedAddress],
-    queryFn: async () => {
-      const data = await fetch(`https://api.ensideas.com/ens/resolve/${normalizedAddress}`).then((res) => res.json());
-      return {
-        address: data.address ?? void 0,
-        name: data.name ?? void 0,
-        displayName: data.displayName ?? void 0,
-        avatar: data.avatar ?? void 0
-      };
-    }
-  });
-}
-
-// src/ui/TruncatedHex.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-function TruncatedHex({ hex }) {
-  if (hex.length <= 10) {
-    return /* @__PURE__ */ jsx10("span", { title: hex, children: hex });
+
+@media (min-width: 1536px) {
+
+  .container {
+    max-width: 1536px;
+  }
+}
+
+.grid-cols-2.divide-y > :not([hidden]) ~ :not([hidden]):nth-child(-n + 2) {
+  border-top-width: 0;
+  border-bottom-width: 0;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.absolute {
+  position: absolute;
+}
+
+.relative {
+  position: relative;
+}
+
+.inset-0 {
+  inset: 0px;
+}
+
+.right-0 {
+  right: 0px;
+}
+
+.top-0 {
+  top: 0px;
+}
+
+.col-start-1 {
+  grid-column-start: 1;
+}
+
+.row-start-1 {
+  grid-row-start: 1;
+}
+
+.m-0 {
+  margin: 0px;
+}
+
+.m-2 {
+  margin: 0.5rem;
+}
+
+.-mx-0\\.5 {
+  margin-left: -0.125rem;
+  margin-right: -0.125rem;
+}
+
+.-my-1 {
+  margin-top: -0.25rem;
+  margin-bottom: -0.25rem;
+}
+
+.-my-\\[0\\.125em\\] {
+  margin-top: -0.125em;
+  margin-bottom: -0.125em;
+}
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.-ml-3 {
+  margin-left: -0.75rem;
+}
+
+.block {
+  display: block;
+}
+
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+.table {
+  display: table;
+}
+
+.grid {
+  display: grid;
+}
+
+.inline-grid {
+  display: inline-grid;
+}
+
+.contents {
+  display: contents;
+}
+
+.h-16 {
+  height: 4rem;
+}
+
+.h-4 {
+  height: 1rem;
+}
+
+.h-6 {
+  height: 1.5rem;
+}
+
+.h-\\[1\\.25em\\] {
+  height: 1.25em;
+}
+
+.h-\\[1em\\] {
+  height: 1em;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.max-h-32 {
+  max-height: 8rem;
+}
+
+.min-h-\\[22rem\\] {
+  min-height: 22rem;
+}
+
+.min-h-\\[26rem\\] {
+  min-height: 26rem;
+}
+
+.w-16 {
+  width: 4rem;
+}
+
+.w-28 {
+  width: 7rem;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
+.w-48 {
+  width: 12rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-60 {
+  width: 15rem;
+}
+
+.w-\\[0\\.6em\\] {
+  width: 0.6em;
+}
+
+.w-\\[1\\.25em\\] {
+  width: 1.25em;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.max-w-\\[26rem\\] {
+  max-width: 26rem;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.translate-x-2 {
+  --tw-translate-x: 0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.scale-50 {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+@keyframes spin {
+
+  to {
+    transform: rotate(360deg);
   }
-  return /* @__PURE__ */ jsxs8("span", { title: hex, children: [
-    /* @__PURE__ */ jsx10("span", { className: "after:select-none after:content-['\u2026']", children: hex.slice(0, 6) }),
-    /* @__PURE__ */ jsx10("span", { className: "tracking-[-1ch] text-transparent", children: hex.slice(6, -4) }),
-    hex.slice(-4)
-  ] });
-}
-
-// src/onboarding/Wallet.tsx
-import { useEffect as useEffect3 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-function Wallet({ isActive, isExpanded, userAddress }) {
-  const { data: ens, error: ensError } = useENS(userAddress);
-  useEffect3(() => {
-    if (ensError) {
-      console.log("Could not get ENS", ensError);
-    }
-  }, [ensError]);
-  const { disconnect, isPending: disconnectIsPending } = useDisconnect();
-  const { closeAccountModal } = useAccountModal();
-  return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx11("div", { children: "Account" }),
-        /* @__PURE__ */ jsx11("div", { className: "font-mono text-white", children: ens?.name ?? /* @__PURE__ */ jsx11(TruncatedHex, { hex: userAddress }) })
-      ] }),
-      /* @__PURE__ */ jsx11(
-        Button,
-        {
-          variant: isActive ? "primary" : "tertiary",
-          className: "flex-shrink-0 text-sm p-1 w-28",
-          autoFocus: isActive,
-          pending: disconnectIsPending,
-          onClick: () => {
-            closeAccountModal();
-            disconnect();
-          },
-          children: "Sign out"
-        }
-      )
-    ] }),
-    isExpanded ? /* @__PURE__ */ jsx11("p", { className: "text-sm", children: "Each of your onchain actions in this app is associated with your account." }) : null
-  ] });
-}
-
-// src/onboarding/quarry/useClaimGasPass.ts
-import { parseEther as parseEther2 } from "viem";
-import { useMutation, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
-
-// src/quarry/transports/quarryPassIssuer.ts
-import { http } from "viem";
-function quarryPassIssuer() {
-  return ({ chain }) => {
-    if (!chain) throw new Error("No chain provided to issuer transport.");
-    const url = "quarryPassIssuer" in chain.rpcUrls ? chain.rpcUrls.quarryPassIssuer.http[0] : void 0;
-    if (!url) throw new Error(`No \`quarryPassIssuer\` RPC URL found for chain ${chain.id}.`);
-    return http(url)({ chain, retryCount: 0 });
-  };
-}
-
-// src/debug.ts
-import createDebug from "debug";
-var debug = createDebug("mud:entrykit");
-var error = createDebug("mud:entrykit");
-debug.log = console.debug.bind(console);
-error.log = console.error.bind(console);
-
-// src/quarry/debug.ts
-var debug2 = debug.extend("quarry");
-
-// src/quarry/claimGasPass.ts
-async function claimGasPass({ chain, userAddress }) {
-  const transport = quarryPassIssuer()({ chain });
-  debug2("Issuing gas pass to", userAddress);
-  await transport.request({
-    method: "quarry_issuePass",
-    params: ["0x01", userAddress]
-  });
-  debug2("Claiming gas allowance for", userAddress);
-  await transport.request({
-    method: "quarry_claimAllowance",
-    params: ["0x01", userAddress]
-  });
-}
-
-// src/onboarding/quarry/useClaimGasPass.ts
-import { useClient as useClient6 } from "wagmi";
-function useClaimGasPass() {
-  const queryClient = useQueryClient2();
-  const { chain } = useEntryKitConfig();
-  const client = useClient6({ chainId: chain.id });
-  const mutationKey = ["claimGasPass", chain.id];
-  return useMutation({
-    mutationKey,
-    onError: (error2) => console.error(error2),
-    mutationFn: async (userAddress) => {
-      if (chain.id === 31337) {
-        if (!client) throw new Error("No client?");
-        await setAllowanceSlot({ client, userAddress, allowance: parseEther2("1") });
-      } else {
-        await claimGasPass({ chain, userAddress });
-      }
-      await Promise.all([
-        queryClient.invalidateQueries({ queryKey: ["getAllowance"] }),
-        queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] })
-      ]);
-    },
-    retry: 0
-  });
-}
-
-// src/icons/EthIcon.tsx
-import { twMerge as twMerge6 } from "tailwind-merge";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-function EthIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsxs10(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 263 428",
-      fill: "currentColor",
-      className: twMerge6("w-[0.6em] h-[1em]", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx12("path", { d: "M132 321V428L263 243L132 321Z" }),
-        /* @__PURE__ */ jsx12("path", { d: "M0 243L132 321V428", fillOpacity: "0.5" }),
-        /* @__PURE__ */ jsx12("path", { d: "M132 0V296L263 218" }),
-        /* @__PURE__ */ jsx12("path", { d: "M0 218L132 296V0L0 218Z", fillOpacity: "0.5" })
-      ]
-    }
-  );
-}
-
-// src/formatBalance.ts
-import { formatEther } from "viem";
-function formatBalance(wei) {
-  const formatted = formatEther(wei);
-  const magnitude = Math.floor(parseFloat(formatted)).toString().length;
-  return parseFloat(formatted).toLocaleString("en-US", { maximumFractionDigits: Math.max(0, 6 - magnitude) });
-}
-
-// src/ui/Balance.tsx
-import { formatEther as formatEther2 } from "viem";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-function Balance({ wei }) {
-  return /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1", title: formatEther2(wei), children: [
-    formatBalance(wei),
-    " ",
-    /* @__PURE__ */ jsx13(EthIcon, {})
-  ] });
-}
-
-// src/onboarding/quarry/Allowance.tsx
-import { useEffect as useEffect4 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-function Allowance({ isActive, isExpanded, userAddress }) {
-  const allowance = useAllowance(userAddress);
-  const claimGasPass2 = useClaimGasPass();
-  useEffect4(() => {
-    const timer = setTimeout(() => {
-      if (isActive && claimGasPass2.status === "idle" && allowance.isSuccess && allowance.data != null && allowance.data < minGasBalance) {
-        claimGasPass2.mutate(userAddress);
-      }
-    });
-    return () => clearTimeout(timer);
-  }, [allowance.data, allowance.isSuccess, claimGasPass2, isActive, userAddress]);
-  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx14("div", { children: "Allowance" }),
-        /* @__PURE__ */ jsx14("div", { className: "font-mono text-white", children: allowance.data != null ? /* @__PURE__ */ jsx14(Balance, { wei: allowance.data }) : /* @__PURE__ */ jsx14(PendingIcon, { className: "text-sm" }) })
-      ] }),
-      /* @__PURE__ */ jsx14(
-        Button,
-        {
-          variant: isActive ? "primary" : "tertiary",
-          className: "flex-shrink-0 text-sm p-1 w-28",
-          autoFocus: isActive || isExpanded,
-          pending: allowance.status === "pending" || claimGasPass2.status === "pending",
-          onClick: () => claimGasPass2.mutate(userAddress),
-          children: "Top up"
-        }
-      )
-    ] }),
-    isExpanded ? /* @__PURE__ */ jsx14("p", { className: "text-sm", children: "Your allowance is used to pay for onchain computation." }) : null
-  ] });
-}
-
-// src/onboarding/useSetupSession.ts
-import { encodeFunctionData } from "viem";
-import { useMutation as useMutation2, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
-import { getAction as getAction3 } from "viem/utils";
-import { sendUserOperation, waitForUserOperationReceipt } from "viem/account-abstraction";
-import { waitForTransactionReceipt } from "viem/actions";
-
-// src/utils/defineCall.ts
-function defineCall(call) {
-  return call;
-}
-
-// src/onboarding/useSetupSession.ts
-import { useClient as useClient7 } from "wagmi";
-import { resourceToHex as resourceToHex2 } from "@latticexyz/common";
-import IBaseWorldAbi from "@latticexyz/world/out/IBaseWorld.sol/IBaseWorld.abi.json";
-
-// src/utils/callWithSignature.ts
-import { writeContract as viem_writeContract } from "viem/actions";
-import { getAction as getAction2 } from "viem/utils";
-
-// src/utils/signCall.ts
-import { toHex } from "viem";
-import { signTypedData } from "viem/actions";
-import { callWithSignatureTypes } from "@latticexyz/world-module-callwithsignature/internal";
-import { getRecord as getRecord4 } from "@latticexyz/store/internal";
-import moduleConfig from "@latticexyz/world-module-callwithsignature/mud.config";
-import { hexToResource } from "@latticexyz/common";
-import { getAction } from "viem/utils";
-async function signCall({
-  userClient,
-  worldAddress,
-  systemId,
-  callData,
-  nonce: initialNonce,
-  client
-}) {
-  const nonce = initialNonce ?? (client ? (await getRecord4(client, {
-    address: worldAddress,
-    table: moduleConfig.tables.CallWithSignatureNonces,
-    key: { signer: userClient.account.address },
-    blockTag: "pending"
-  })).nonce : 0n);
-  const { namespace: systemNamespace, name: systemName } = hexToResource(systemId);
-  return await getAction(
-    userClient,
-    signTypedData,
-    "signTypedData"
-  )({
-    account: userClient.account,
-    domain: {
-      verifyingContract: worldAddress,
-      salt: toHex(userClient.chain.id, { size: 32 })
-    },
-    types: callWithSignatureTypes,
-    primaryType: "Call",
-    message: {
-      signer: userClient.account.address,
-      systemNamespace,
-      systemName,
-      callData,
-      nonce
-    }
-  });
-}
-
-// src/utils/callWithSignature.ts
-import CallWithSignatureAbi from "@latticexyz/world-module-callwithsignature/out/CallWithSignatureSystem.sol/CallWithSignatureSystem.abi.json";
-async function callWithSignature({
-  sessionClient,
-  ...opts
-}) {
-  const signature = await signCall(opts);
-  return getAction2(
-    sessionClient,
-    viem_writeContract,
-    "writeContract"
-  )({
-    address: opts.worldAddress,
-    abi: CallWithSignatureAbi,
-    functionName: "callWithSignature",
-    args: [opts.userClient.account.address, opts.systemId, opts.callData, signature]
-  });
-}
-
-// src/onboarding/useSetupSession.ts
-function useSetupSession({ userClient }) {
-  const queryClient = useQueryClient3();
-  const { chainId, worldAddress } = useEntryKitConfig();
-  const client = useClient7({ chainId });
-  const mutationKey = ["setupSession", client?.chain.id, userClient.account.address];
-  return useMutation2({
-    mutationKey,
-    onError: (error2) => console.error(error2),
-    mutationFn: async ({
-      sessionClient,
-      registerSpender,
-      registerDelegation
-    }) => {
-      if (!client) throw new Error("Client not ready.");
-      const paymaster = getPaymaster(client.chain);
-      const sessionAddress = sessionClient.account.address;
-      console.log("setting up session");
-      if (userClient.account.type === "smart") {
-        const calls = [];
-        if (registerSpender && paymaster?.type === "quarry") {
-          console.log("registering spender");
-          calls.push(
-            defineCall({
-              to: paymaster.address,
-              abi: paymasterAbi,
-              functionName: "registerSpender",
-              args: [sessionAddress]
-            })
-          );
-        }
-        if (registerDelegation) {
-          console.log("registering delegation");
-          calls.push(
-            defineCall({
-              to: worldAddress,
-              abi: worldAbi,
-              functionName: "registerDelegation",
-              args: [sessionAddress, unlimitedDelegationControlId, "0x"]
-            })
-          );
-        }
-        if (!calls.length) return;
-        console.log("setting up account with", calls, userClient);
-        const hash = await getAction3(userClient, sendUserOperation, "sendUserOperation")({ calls });
-        console.log("got user op hash", hash);
-        const receipt = await getAction3(
-          userClient,
-          waitForUserOperationReceipt,
-          "waitForUserOperationReceipt"
-        )({ hash });
-        console.log("got user op receipt", receipt);
-        if (!receipt.success) {
-          console.error("not successful?", receipt);
-        }
-      } else {
-        const txs = [];
-        if (registerSpender && paymaster?.type === "quarry") {
-          console.log("registering spender");
-          const tx = await callWithSignature({
-            client,
-            userClient,
-            sessionClient,
-            worldAddress: paymaster.address,
-            systemId: resourceToHex2({ type: "system", namespace: "", name: "SpenderSystem" }),
-            callData: encodeFunctionData({
-              abi: paymasterAbi,
-              functionName: "registerSpender",
-              args: [sessionAddress]
-            })
-          });
-          console.log("got spender tx", tx);
-          txs.push(tx);
-        }
-        if (registerDelegation) {
-          console.log("registering delegation");
-          const tx = await callWithSignature({
-            client,
-            userClient,
-            sessionClient,
-            worldAddress,
-            systemId: resourceToHex2({ type: "system", namespace: "", name: "Registration" }),
-            callData: encodeFunctionData({
-              abi: IBaseWorldAbi,
-              functionName: "registerDelegation",
-              args: [sessionAddress, unlimitedDelegationControlId, "0x"]
-            })
-          });
-          console.log("got delegation tx", tx);
-          txs.push(tx);
-        }
-        if (!txs.length) return;
-        console.log("waiting for", txs.length, "receipts");
-        for (const hash of txs) {
-          const receipt = await getAction3(client, waitForTransactionReceipt, "waitForTransactionReceipt")({ hash });
-          console.log("got tx receipt", receipt);
-          if (receipt.status === "reverted") {
-            console.error("tx reverted?", receipt);
-          }
-        }
-      }
-      await Promise.all([
-        queryClient.invalidateQueries({ queryKey: ["getSpender"] }),
-        queryClient.invalidateQueries({ queryKey: ["getDelegation"] }),
-        queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] })
-      ]);
-    },
-    retry: 0
-  });
-}
-
-// src/onboarding/Session.tsx
-import { useEffect as useEffect6 } from "react";
-
-// src/useSessionClient.ts
-import { useClient as useClient8 } from "wagmi";
-import { queryOptions as queryOptions6, useQuery as useQuery8 } from "@tanstack/react-query";
-
-// src/getSessionClient.ts
-import { smartAccountActions } from "permissionless";
-import { callFrom } from "@latticexyz/world/internal";
-
-// src/createBundlerClient.ts
-import {
-  createBundlerClient as viem_createBundlerClient
-} from "viem/account-abstraction";
-var knownChainFees = /* @__PURE__ */ new Set([
-  // anvil hardcodes fee returned by `eth_maxPriorityFeePerGas`
-  // so we have to override it here
-  // https://github.com/foundry-rs/foundry/pull/8081#issuecomment-2402002485
-  31337,
-  // rhodolite
-  17420,
-  // garnet
-  17069,
-  // redstone
-  690
-]);
-function createBundlerClient(config) {
-  const chain = config.chain ?? config.client?.chain;
-  const paymaster = chain ? getPaymaster(chain) : void 0;
-  return viem_createBundlerClient({
-    ...defaultClientConfig,
-    paymaster: paymaster ? {
-      getPaymasterData: async () => ({
-        paymaster: paymaster.address,
-        paymasterData: "0x"
-      })
-    } : void 0,
-    // TODO: figure out why viem isn't falling back to `chain.fees.estimateFeesPerGas` when this isn't set
-    userOperation: {
-      estimateFeesPerGas: (
-        // TODO: move this to gas estimator transport?
-        chain && knownChainFees.has(chain.id) ? async () => ({
-          maxFeePerGas: 100000n,
-          maxPriorityFeePerGas: 0n
-        }) : void 0
-      )
-    },
-    ...config
-  });
-}
-
-// src/getBundlerTransport.ts
-import { transactionQueue } from "@latticexyz/common/actions";
-import { createClient, fallback, http as http2, keccak256, stringToHex, webSocket } from "viem";
-import { privateKeyToAccount as privateKeyToAccount2 } from "viem/accounts";
-
-// src/quarry/transports/userOpExecutor.ts
-import {
-  createTransport,
-  numberToHex as numberToHex2,
-  parseEther as parseEther3
-} from "viem";
-import { entryPoint07Address as entryPoint07Address2 } from "viem/account-abstraction";
-
-// src/quarry/transports/methods/estimateUserOperationGas.ts
-import { formatUserOperationRequest } from "viem/account-abstraction";
-async function estimateUserOperationGas(_params) {
-  return formatUserOperationRequest({
-    callGasLimit: 20000000n,
-    preVerificationGas: 200000n,
-    verificationGasLimit: 2000000n,
-    paymasterVerificationGasLimit: 200000n,
-    paymasterPostOpGasLimit: 200000n
-  });
-}
-
-// src/quarry/transports/methods/sendUserOperation.ts
-import { parseEventLogs } from "viem";
-import {
-  formatUserOperation,
-  toPackedUserOperation,
-  getUserOperationHash,
-  entryPoint07Address,
-  entryPoint07Abi
-} from "viem/account-abstraction";
-import { waitForTransactionReceipt as waitForTransactionReceipt2, writeContract } from "viem/actions";
-import { getAction as getAction4 } from "viem/utils";
-async function sendUserOperation2({
-  executor,
-  rpcUserOp
-}) {
-  const userOp = formatUserOperation(rpcUserOp);
-  const packedUserOp = toPackedUserOperation(userOp);
-  const userOpHash = getUserOperationHash({
-    userOperation: userOp,
-    chainId: executor.chain.id,
-    entryPointVersion: "0.7",
-    entryPointAddress: entryPoint07Address
-  });
-  const transactionHash = await getAction4(
-    executor,
-    writeContract,
-    "writeContract"
-  )({
-    abi: entryPoint07Abi,
-    address: entryPoint07Address,
-    functionName: "handleOps",
-    args: [[packedUserOp], executor.account.address],
-    chain: executor.chain,
-    account: executor.account
-  });
-  const receipt = await getAction4(
-    executor,
-    waitForTransactionReceipt2,
-    "waitForTransactionReceipt"
-  )({ hash: transactionHash });
-  const parsedLogs = parseEventLogs({
-    logs: receipt.logs,
-    abi: entryPoint07Abi,
-    eventName: "UserOperationEvent"
-  });
-  return {
-    success: parsedLogs[0].args.success,
-    userOpHash,
-    receipt
-  };
-}
-
-// src/quarry/transports/userOpExecutor.ts
-import { setBalance } from "viem/actions";
-function userOpExecutor({ executor }) {
-  return () => {
-    debug2("using a local user op executor", executor.account.address);
-    if (executor.chain.id === 31337) {
-      debug2("setting executor balance");
-      setBalance(
-        executor.extend(() => ({ mode: "anvil" })),
-        {
-          address: executor.account.address,
-          value: parseEther3("100")
-        }
-      );
-    }
-    const receipts = /* @__PURE__ */ new Map();
-    const request = async ({ method, params }) => {
-      if (method === "eth_chainId") {
-        return numberToHex2(executor.chain.id);
-      }
-      if (method === "eth_supportedEntryPoints") {
-        return [entryPoint07Address2];
-      }
-      if (method === "eth_sendUserOperation") {
-        const [rpcUserOp, entrypoint] = params;
-        if (entrypoint === entryPoint07Address2) {
-          const result = await sendUserOperation2({ executor, rpcUserOp });
-          receipts.set(result.userOpHash, result);
-          return result.userOpHash;
-        }
-      }
-      if (method === "eth_getUserOperationReceipt") {
-        const [hash] = params;
-        return receipts.get(hash) ?? null;
-      }
-      if (method === "eth_estimateUserOperationGas") {
-        return await estimateUserOperationGas(params);
-      }
-      throw new Error("Method not implemented.");
-    };
-    return createTransport({
-      key: "userOpExecutor",
-      type: "userOpExecutor",
-      name: "User Operation Executor Transport",
-      request
-    });
-  };
-}
-
-// src/getBundlerTransport.ts
-function getBundlerTransport(chain) {
-  const bundlerHttpUrl = chain.rpcUrls.bundler?.http[0];
-  const bundlerTransport = bundlerHttpUrl ? http2(bundlerHttpUrl) : chain.id === 31337 ? userOpExecutor({
-    executor: createClient({
-      chain,
-      transport: fallback([webSocket(), http2()]),
-      account: privateKeyToAccount2(keccak256(stringToHex("local user op executor"))),
-      pollingInterval: 10
-    }).extend(transactionQueue())
-  }) : null;
-  if (!bundlerTransport) {
-    throw new Error(`Chain ${chain.id} config did not include a bundler RPC URL.`);
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.grid-cols-\\[1fr_auto_1fr\\] {
+  grid-template-columns: 1fr auto 1fr;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.gap-1 {
+  gap: 0.25rem;
+}
+
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.gap-2\\.5 {
+  gap: 0.625rem;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
+.gap-6 {
+  gap: 1.5rem;
+}
+
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+
+.divide-neutral-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(64 64 64 / var(--tw-divide-opacity));
+}
+
+.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-divide-opacity));
+}
+
+.self-auto {
+  align-self: auto;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.whitespace-break-spaces {
+  white-space: break-spaces;
+}
+
+.break-all {
+  word-break: break-all;
+}
+
+.rounded-full {
+  border-radius: 9999px;
+}
+
+.border {
+  border-width: 1px;
+}
+
+.border-4 {
+  border-width: 4px;
+}
+
+.border-l-4 {
+  border-left-width: 4px;
+}
+
+.border-neutral-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 212 / var(--tw-border-opacity));
+}
+
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
+
+.border-transparent {
+  border-color: transparent;
+}
+
+.bg-black\\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
+
+.bg-neutral-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+}
+
+.bg-neutral-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
+}
+
+.bg-neutral-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
+}
+
+.bg-neutral-800\\/85 {
+  background-color: rgb(38 38 38 / 0.85);
+}
+
+.bg-neutral-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
+}
+
+.bg-orange-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
+}
+
+.bg-orange-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
+}
+
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
+
+.bg-cover {
+  background-size: cover;
+}
+
+.bg-center {
+  background-position: center;
+}
+
+.bg-no-repeat {
+  background-repeat: no-repeat;
+}
+
+.object-cover {
+  object-fit: cover;
+}
+
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-3 {
+  padding: 0.75rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
+.p-\\[\\.75em\\] {
+  padding: .75em;
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-\\[\\.75em\\] {
+  font-size: .75em;
+}
+
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.leading-none {
+  line-height: 1;
+}
+
+.tracking-\\[-1ch\\] {
+  letter-spacing: -1ch;
+}
+
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-neutral-400 {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity));
+}
+
+.text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity));
+}
+
+.text-neutral-700 {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity));
+}
+
+.text-orange-500 {
+  --tw-text-opacity: 1;
+  color: rgb(249 115 22 / var(--tw-text-opacity));
+}
+
+.text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgb(127 29 29 / var(--tw-text-opacity));
+}
+
+.text-transparent {
+  color: transparent;
+}
+
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.opacity-0 {
+  opacity: 0;
+}
+
+.opacity-100 {
+  opacity: 1;
+}
+
+.opacity-25 {
+  opacity: 0.25;
+}
+
+.opacity-30 {
+  opacity: 0.3;
+}
+
+.opacity-75 {
+  opacity: 0.75;
+}
+
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-neutral-700\\/50 {
+  --tw-ring-color: rgb(64 64 64 / 0.5);
+}
+
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.duration-100 {
+  transition-duration: 100ms;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+@keyframes enter {
+
+  from {
+    opacity: var(--tw-enter-opacity, 1);
+    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
   }
-  return bundlerTransport;
-}
-
-// src/getSessionClient.ts
-async function getSessionClient({
-  client,
-  userAddress,
-  sessionAccount,
-  worldAddress
-}) {
-  const bundlerTransport = getBundlerTransport(client.chain);
-  const bundlerClient = createBundlerClient({
-    transport: bundlerTransport,
-    client,
-    account: sessionAccount
-  });
-  const sessionClient = bundlerClient.extend(smartAccountActions).extend(callFrom({ worldAddress, delegatorAddress: userAddress, publicClient: client })).extend(() => ({ userAddress }));
-  return sessionClient;
-}
-
-// src/useSessionClient.ts
-import { useEffect as useEffect5 } from "react";
-function getSessionClientQueryOptions({
-  sessionAccount,
-  client,
-  userAddress,
-  worldAddress
-}) {
-  const queryKey = ["getSessionClient", client?.uid, userAddress, sessionAccount?.address, worldAddress];
-  return queryOptions6(
-    client && userAddress && sessionAccount ? {
-      queryKey,
-      queryFn: () => getSessionClient({
-        sessionAccount,
-        client,
-        userAddress,
-        worldAddress
-      }),
-      staleTime: Infinity
-    } : { queryKey, enabled: false }
-  );
-}
-function useSessionClient(userAddress) {
-  const { chainId, worldAddress } = useEntryKitConfig();
-  const client = useClient8({ chainId });
-  const { data: sessionAccount, error: sessionAccountError } = useSessionAccount(userAddress);
-  useEffect5(() => {
-    if (sessionAccountError) {
-      console.error("Could not get session account", sessionAccountError);
-    }
-  }, [sessionAccountError]);
-  return useQuery8(
-    getSessionClientQueryOptions({
-      sessionAccount,
-      userAddress,
-      client,
-      worldAddress
-    })
-  );
-}
-
-// src/onboarding/Session.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-function Session({ isActive, isExpanded, userClient, registerSpender, registerDelegation }) {
-  const sessionClient = useSessionClient(userClient.account.address);
-  const setup = useSetupSession({ userClient });
-  const hasSession = !registerDelegation && !registerDelegation;
-  useEffect6(() => {
-    const timer = setTimeout(() => {
-      if (isActive && setup.status === "idle" && sessionClient.data && !hasSession) {
-        setup.mutate({
-          sessionClient: sessionClient.data,
-          registerSpender,
-          registerDelegation
-        });
-      }
-    });
-    return () => clearTimeout(timer);
-  }, [hasSession, isActive, registerDelegation, registerSpender, sessionClient, setup]);
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx15("div", { children: "Session" }),
-        /* @__PURE__ */ jsx15("div", { className: "font-mono text-white", children: hasSession ? "Enabled" : "Set up" })
-      ] }),
-      hasSession ? /* @__PURE__ */ jsx15(Button, { variant: "tertiary", className: "flex-shrink-0 text-sm p-1 w-28", autoFocus: isActive, disabled: true, children: "Enabled" }) : /* @__PURE__ */ jsx15(
-        Button,
-        {
-          variant: isActive ? "primary" : "tertiary",
-          className: "flex-shrink-0 text-sm p-1 w-28",
-          autoFocus: isActive,
-          pending: !sessionClient.data || setup.status === "pending",
-          onClick: sessionClient.data ? () => setup.mutate({
-            sessionClient: sessionClient.data,
-            registerSpender,
-            registerDelegation
-          }) : void 0,
-          children: "Enable"
-        }
-      )
-    ] }),
-    isExpanded ? /* @__PURE__ */ jsx15("p", { className: "text-sm", children: "You can perform actions in this app without interruptions for approvals." }) : null
-  ] });
-}
-
-// src/onboarding/GasBalance.tsx
-import { useBalance } from "wagmi";
-
-// src/data/relayChains.json
-var relayChains_default = {
-  "1": {
-    bridgeUrl: "https://relay.link/bridge/ethereum"
-  },
-  "10": {
-    bridgeUrl: "https://relay.link/bridge/optimism"
-  },
-  "56": {
-    bridgeUrl: "https://relay.link/bridge/bnb"
-  },
-  "100": {
-    bridgeUrl: "https://relay.link/bridge/gnosis"
-  },
-  "111": {
-    bridgeUrl: "https://testnets.relay.link/bridge/bob"
-  },
-  "137": {
-    bridgeUrl: "https://relay.link/bridge/polygon"
-  },
-  "185": {
-    bridgeUrl: "https://relay.link/bridge/mint"
-  },
-  "288": {
-    bridgeUrl: "https://relay.link/bridge/boba"
-  },
-  "324": {
-    bridgeUrl: "https://relay.link/bridge/zksync"
-  },
-  "360": {
-    bridgeUrl: "https://relay.link/bridge/shape"
-  },
-  "480": {
-    bridgeUrl: "https://relay.link/bridge/world-chain"
-  },
-  "690": {
-    bridgeUrl: "https://relay.link/bridge/redstone"
-  },
-  "919": {
-    bridgeUrl: "https://testnets.relay.link/bridge/mode-testnet"
-  },
-  "1101": {
-    bridgeUrl: "https://relay.link/bridge/polygon-zkevm"
-  },
-  "1135": {
-    bridgeUrl: "https://relay.link/bridge/lisk"
-  },
-  "1301": {
-    bridgeUrl: "https://testnets.relay.link/bridge/unichain-sepolia"
-  },
-  "1329": {
-    bridgeUrl: "https://relay.link/bridge/sei"
-  },
-  "1625": {
-    bridgeUrl: "https://relay.link/bridge/gravity"
-  },
-  "1868": {
-    bridgeUrl: "https://relay.link/bridge/soneium"
-  },
-  "1993": {
-    bridgeUrl: "https://testnets.relay.link/bridge/b3"
-  },
-  "1996": {
-    bridgeUrl: "https://relay.link/bridge/sanko"
-  },
-  "2741": {
-    bridgeUrl: "https://relay.link/bridge/abstract"
-  },
-  "2911": {
-    bridgeUrl: "https://relay.link/bridge/hychain"
-  },
-  "4202": {
-    bridgeUrl: "https://testnets.relay.link/bridge/lisk-sepolia"
-  },
-  "4321": {
-    bridgeUrl: "https://relay.link/bridge/echos"
-  },
-  "5000": {
-    bridgeUrl: "https://relay.link/bridge/mantle"
-  },
-  "5112": {
-    bridgeUrl: "https://relay.link/bridge/ham"
-  },
-  "7560": {
-    bridgeUrl: "https://relay.link/bridge/cyber"
-  },
-  "7865": {
-    bridgeUrl: "https://relay.link/bridge/powerloom"
-  },
-  "7897": {
-    bridgeUrl: "https://relay.link/bridge/arena-z"
-  },
-  "8333": {
-    bridgeUrl: "https://relay.link/bridge/B3"
-  },
-  "8453": {
-    bridgeUrl: "https://relay.link/bridge/base"
-  },
-  "9897": {
-    bridgeUrl: "https://testnets.relay.link/bridge/arena-z-testnet"
-  },
-  "11011": {
-    bridgeUrl: "https://testnets.relay.link/bridge/shape-sepolia"
-  },
-  "11124": {
-    bridgeUrl: "https://testnets.relay.link/bridge/abstract"
-  },
-  "13746": {
-    bridgeUrl: "https://testnets.relay.link/bridge/game7-testnet"
-  },
-  "17000": {
-    bridgeUrl: "https://testnets.relay.link/bridge/holesky"
-  },
-  "17069": {
-    bridgeUrl: "https://testnets.relay.link/bridge/garnet"
-  },
-  "17071": {
-    bridgeUrl: "https://relay.link/bridge/onchain-points"
-  },
-  "33139": {
-    bridgeUrl: "https://relay.link/bridge/apechain"
-  },
-  "33979": {
-    bridgeUrl: "https://relay.link/bridge/funki"
-  },
-  "34443": {
-    bridgeUrl: "https://relay.link/bridge/mode"
-  },
-  "42161": {
-    bridgeUrl: "https://relay.link/bridge/arbitrum"
-  },
-  "42170": {
-    bridgeUrl: "https://relay.link/bridge/arbitrum-nova"
-  },
-  "43114": {
-    bridgeUrl: "https://relay.link/bridge/avalanche"
-  },
-  "55244": {
-    bridgeUrl: "https://relay.link/bridge/superposition"
-  },
-  "57073": {
-    bridgeUrl: "https://relay.link/bridge/ink"
-  },
-  "59144": {
-    bridgeUrl: "https://relay.link/bridge/linea"
-  },
-  "60808": {
-    bridgeUrl: "https://relay.link/bridge/bob"
-  },
-  "70700": {
-    bridgeUrl: "https://relay.link/bridge/apex"
-  },
-  "70701": {
-    bridgeUrl: "https://relay.link/bridge/boss"
-  },
-  "70800": {
-    bridgeUrl: "https://testnets.relay.link/bridge/apex-testnet"
-  },
-  "70805": {
-    bridgeUrl: "https://testnets.relay.link/bridge/cloud"
-  },
-  "80002": {
-    bridgeUrl: "https://testnets.relay.link/bridge/amoy"
-  },
-  "81457": {
-    bridgeUrl: "https://relay.link/bridge/blast"
-  },
-  "84532": {
-    bridgeUrl: "https://testnets.relay.link/bridge/base-sepolia"
-  },
-  "167009": {
-    bridgeUrl: "https://testnets.relay.link/bridge/hekla"
-  },
-  "421614": {
-    bridgeUrl: "https://testnets.relay.link/bridge/arbitrum-sepolia"
-  },
-  "534352": {
-    bridgeUrl: "https://relay.link/bridge/scroll"
-  },
-  "543210": {
-    bridgeUrl: "https://relay.link/bridge/zero-network"
-  },
-  "660279": {
-    bridgeUrl: "https://relay.link/bridge/xai"
-  },
-  "911867": {
-    bridgeUrl: "https://testnets.relay.link/bridge/odyssey"
-  },
-  "984122": {
-    bridgeUrl: "https://relay.link/bridge/forma"
-  },
-  "1118190": {
-    bridgeUrl: "https://testnets.relay.link/bridge/eclipse-testnet"
-  },
-  "3397901": {
-    bridgeUrl: "https://testnets.relay.link/bridge/funki-testnet"
-  },
-  "4457845": {
-    bridgeUrl: "https://testnets.relay.link/bridge/zero-sepolia"
-  },
-  "7777777": {
-    bridgeUrl: "https://relay.link/bridge/zora"
-  },
-  "8253038": {
-    bridgeUrl: "https://relay.link/bridge/bitcoin"
-  },
-  "9092725": {
-    bridgeUrl: "https://testnets.relay.link/bridge/bitcoin-testnet4"
-  },
-  "9286185": {
-    bridgeUrl: "https://relay.link/bridge/eclipse"
-  },
-  "11155111": {
-    bridgeUrl: "https://testnets.relay.link/bridge/sepolia"
-  },
-  "11155420": {
-    bridgeUrl: "https://testnets.relay.link/bridge/op-sepolia"
-  },
-  "666666666": {
-    bridgeUrl: "https://relay.link/bridge/degen"
-  },
-  "792703809": {
-    bridgeUrl: "https://relay.link/bridge/solana"
-  },
-  "888888888": {
-    bridgeUrl: "https://relay.link/bridge/ancient8"
-  },
-  "999999999": {
-    bridgeUrl: "https://testnets.relay.link/bridge/zora-sepolia"
-  },
-  "1380012617": {
-    bridgeUrl: "https://relay.link/bridge/rari"
-  },
-  "1936682084": {
-    bridgeUrl: "https://testnets.relay.link/bridge/solana-devnet"
-  },
-  "88153591557": {
-    bridgeUrl: "https://testnets.relay.link/bridge/arbitrum-blueberry"
+}
+
+@keyframes exit {
+
+  to {
+    opacity: var(--tw-exit-opacity, 1);
+    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
-};
-
-// src/onboarding/useSetBalance.ts
-import { useQueryClient as useQueryClient4, useMutation as useMutation3 } from "@tanstack/react-query";
-import { setBalance as setBalance2 } from "viem/actions";
-import { useClient as useClient9 } from "wagmi";
-function useSetBalance() {
-  const queryClient = useQueryClient4();
-  const { chainId } = useEntryKitConfig();
-  const client = useClient9({ chainId });
-  return useMutation3({
-    mutationKey: ["setBalance", chainId],
-    onError: (error2) => console.error(error2),
-    mutationFn: async (params) => {
-      if (!client) return null;
-      await setBalance2({ ...client, mode: "anvil" }, params);
-      await Promise.all([
-        queryClient.invalidateQueries({ queryKey: ["balance"] }),
-        queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] })
-      ]);
-      return null;
-    },
-    retry: 0
-  });
-}
-
-// src/onboarding/GasBalance.tsx
-import { Fragment, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-function GasBalance({ isActive, isExpanded, sessionAddress }) {
-  const { chain } = useEntryKitConfig();
-  const balance = useBalance({ chainId: chain.id, address: sessionAddress, query: { refetchInterval: 2e3 } });
-  const setBalance3 = useSetBalance();
-  const relayChain = relayChains_default[chain.id];
-  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("div", { children: "Gas balance" }),
-        /* @__PURE__ */ jsx16("div", { className: "font-mono text-white", children: balance.data != null ? /* @__PURE__ */ jsx16(Balance, { wei: balance.data.value }) : /* @__PURE__ */ jsx16(PendingIcon, { className: "text-sm" }) })
-      ] }),
-      chain.id === 31337 ? /* @__PURE__ */ jsx16(
-        Button,
-        {
-          variant: isActive ? "primary" : "tertiary",
-          className: "flex-shrink-0 text-sm p-1 w-28",
-          autoFocus: isActive || isExpanded,
-          pending: balance.status === "pending" || setBalance3.status === "pending",
-          onClick: () => setBalance3.mutate({
-            address: sessionAddress,
-            value: minGasBalance + (balance.data?.value ?? 0n)
-          }),
-          children: "Top up"
-        }
-      ) : relayChain != null ? (
-        // TODO: convert this to a <ButtonLink>
-        /* @__PURE__ */ jsx16(
-          "a",
-          {
-            href: `${relayChain.bridgeUrl}?${new URLSearchParams({ toAddress: sessionAddress })}`,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: /* @__PURE__ */ jsx16(
-              Button,
-              {
-                variant: isActive ? "primary" : "tertiary",
-                className: "flex-shrink-0 text-sm p-1 w-28",
-                autoFocus: isActive || isExpanded,
-                pending: balance.status === "pending",
-                children: "Top up"
-              }
-            )
-          }
-        )
-      ) : null
-    ] }),
-    isExpanded ? /* @__PURE__ */ jsxs14(Fragment, { children: [
-      /* @__PURE__ */ jsx16("p", { className: "text-sm", children: "Your session's gas balance is used to pay for onchain computation." }),
-      /* @__PURE__ */ jsxs14("p", { className: "text-sm", children: [
-        "Send funds to",
-        " ",
-        /* @__PURE__ */ jsx16("span", { className: "font-mono text-white", children: /* @__PURE__ */ jsx16(TruncatedHex, { hex: sessionAddress }) }),
-        " ",
-        "on ",
-        chain.name,
-        " to top up your session balance."
-      ] })
-    ] }) : null
-  ] });
-}
-
-// src/onboarding/ConnectedSteps.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-function ConnectedSteps({ userClient, initialUserAddress }) {
-  const { chain } = useEntryKitConfig();
-  const paymaster = getPaymaster(chain);
-  const userAddress = userClient.account.address;
-  const { data: prerequisites, error: prerequisitesError } = usePrerequisites(userAddress);
-  useEffect7(() => {
-    if (prerequisitesError) {
-      console.error("Could not get prerequisites", prerequisitesError);
-    }
-  }, [prerequisitesError]);
-  const { closeAccountModal } = useAccountModal();
-  const isNewConnection = userAddress !== initialUserAddress;
-  const initialPrerequisites = useRef2(prerequisites);
-  useEffect7(() => {
-    if (prerequisites == null) return;
-    if (initialPrerequisites.current == null) {
-      initialPrerequisites.current = prerequisites;
-    }
-    if (prerequisites.complete) {
-      if (isNewConnection || !initialPrerequisites.current.complete) {
-        closeAccountModal();
-      }
-    }
-  }, [closeAccountModal, isNewConnection, prerequisites]);
-  const { sessionAddress, hasAllowance, isSpender, hasDelegation, hasGasBalance } = prerequisites ?? {};
-  const steps = useMemo2(() => {
-    if (!userAddress) {
-      return [
-        {
-          id: "wallet",
-          isComplete: false,
-          content: () => null
-        }
-      ];
-    }
-    const steps2 = [
-      {
-        id: "wallet",
-        isComplete: true,
-        content: (props) => /* @__PURE__ */ jsx17(Wallet, { ...props, userAddress })
-      }
-    ];
-    if (!paymaster) {
-      if (sessionAddress != null) {
-        steps2.push({
-          id: "gasBalance",
-          isComplete: !!hasGasBalance,
-          content: (props) => /* @__PURE__ */ jsx17(GasBalance, { ...props, sessionAddress })
-        });
-      }
-    } else if (paymaster.type === "quarry") {
-      steps2.push({
-        id: "allowance",
-        isComplete: !!hasAllowance,
-        content: (props) => /* @__PURE__ */ jsx17(Allowance, { ...props, userAddress })
-      });
-    }
-    steps2.push({
-      id: "session",
-      isComplete: !!isSpender && !!hasDelegation,
-      content: (props) => /* @__PURE__ */ jsx17(Session, { ...props, userClient, registerSpender: !isSpender, registerDelegation: !hasDelegation })
-    });
-    return steps2;
-  }, [hasAllowance, hasDelegation, hasGasBalance, isSpender, paymaster, sessionAddress, userAddress, userClient]);
-  const [selectedStepId] = useState3(null);
-  const nextStep = steps.find((step) => step.content != null && !step.isComplete);
-  const completedSteps = steps.filter((step) => step.isComplete);
-  const activeStep = (selectedStepId != null ? steps.find((step) => step.id === selectedStepId) : null) ?? nextStep ?? (completedSteps.length < steps.length ? completedSteps.at(-1) : null);
-  const activeStepIndex = activeStep ? steps.indexOf(activeStep) : -1;
-  return /* @__PURE__ */ jsx17(
-    "div",
-    {
-      className: twMerge7(
-        // steps.length === 2 ? "min-h-[22rem]" : "min-h-[26rem]",
-        "px-8 flex flex-col divide-y divide-neutral-800",
-        "animate-in animate-duration-300 fade-in slide-in-from-bottom-8"
-      ),
-      children: steps.map((step, i) => {
-        const isActive = step === activeStep;
-        const isExpanded = isActive || completedSteps.length === steps.length;
-        const isDisabled = !step.isComplete && activeStepIndex !== -1 && i > activeStepIndex;
-        return /* @__PURE__ */ jsx17("div", { className: twMerge7("py-8 flex flex-col justify-center", isActive ? "flex-grow" : null), children: /* @__PURE__ */ jsx17("div", { className: twMerge7("flex flex-col", isDisabled ? "opacity-30 pointer-events-none" : null), children: step.content({ isActive, isExpanded }) }) }, step.id);
-      })
-    }
-  );
-}
-
-// src/AccountModalContent.tsx
-import { useRef as useRef3 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-function AccountModalContent() {
-  const { chainId } = useEntryKitConfig();
-  const userClient = useConnectorClient({ chainId });
-  const { address: userAddress } = useAccount2();
-  const initialUserAddress = useRef3(userAddress);
-  if (userClient.status !== "success") {
-    return /* @__PURE__ */ jsx18(ConnectWallet, {});
+}
+
+.animate-in {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+
+.fade-in {
+  --tw-enter-opacity: 0;
+}
+
+.slide-in-from-bottom-16 {
+  --tw-enter-translate-y: 4rem;
+}
+
+.slide-in-from-bottom-8 {
+  --tw-enter-translate-y: 2rem;
+}
+
+.animate-duration-300 {
+  animation-duration: 300ms;
+}
+
+@property --tw-border-gradient-angle {
+  syntax: '<angle>';
+  inherits: true;
+  initial-value: 0deg;
+}
+
+@property --tw-conic-gradient-angle {
+  syntax: '<angle>';
+  inherits: true;
+  initial-value: 0deg;
+}
+
+@keyframes border-gradient {
+
+  to {
+    --tw-border-gradient-angle: 360deg;
   }
-  return /* @__PURE__ */ jsx18(ConnectedSteps, { userClient: userClient.data, initialUserAddress: initialUserAddress.current });
 }
 
-// src/AccountModalErrorBoundary.tsx
-import { useState as useState4 } from "react";
-import { ErrorBoundary } from "react-error-boundary";
+.after\\:select-none::after {
+  content: var(--tw-content);
+  -webkit-user-select: none;
+          user-select: none;
+}
+
+.after\\:content-\\[\\'\\2026\\'\\]::after {
+  --tw-content: '\u2026';
+  content: var(--tw-content);
+}
+
+.hover\\:bg-neutral-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
+}
+
+.hover\\:bg-orange-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
+}
+
+.hover\\:text-neutral-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity));
+}
+
+.hover\\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.hover\\:brightness-125:hover {
+  --tw-brightness: brightness(1.25);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.focus\\:border-orange-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(249 115 22 / var(--tw-border-opacity));
+}
+
+.focus\\:border-yellow-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 204 21 / var(--tw-border-opacity));
+}
+
+.active\\:bg-orange-600:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
+}
+
+.active\\:brightness-150:active {
+  --tw-brightness: brightness(1.5);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.group:hover .group-hover\\:rotate-90 {
+  --tw-rotate: 90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\\:text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.aria-busy\\:pointer-events-none[aria-busy="true"] {
+  pointer-events: none;
+}
+
+.aria-disabled\\:pointer-events-none[aria-disabled="true"] {
+  pointer-events: none;
+}
+
+.aria-disabled\\:opacity-50[aria-disabled="true"] {
+  opacity: 0.5;
+}
+
+.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:translate-x-0 {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group[aria-busy="true"] .group-aria-busy\\:scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group[aria-busy="true"] .group-aria-busy\\:scale-125 {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:opacity-100 {
+  opacity: 1;
+}
+
+.group[aria-busy="true"] .group-aria-busy\\:opacity-0 {
+  opacity: 0;
+}
+
+.group[aria-busy="true"] .group-aria-busy\\:opacity-100 {
+  opacity: 1;
+}
+
+.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:duration-300 {
+  transition-duration: 300ms;
+}
+
+.data-\\[highlighted\\]\\:bg-neutral-200[data-highlighted] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
+}
+
+.links\\:font-medium a[href]:not(.links-unset) {
+  font-weight: 500;
+}
+
+.links\\:text-white a[href]:not(.links-unset) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
 
-// src/ErrorNotice.tsx
-import { twMerge as twMerge8 } from "tailwind-merge";
-import { BaseError, UserRejectedRequestError } from "viem";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-function ErrorNotice({ title: initialTitle, error: error2 }) {
-  if (!error2) return null;
-  if (error2 instanceof BaseError && error2.walk((e) => e instanceof UserRejectedRequestError) != null) {
-    return null;
+.links\\:underline a[href]:not(.links-unset) {
+  text-decoration-line: underline;
+}
+
+.links\\:decoration-neutral-500 a[href]:not(.links-unset) {
+  text-decoration-color: #737373;
+}
+
+.links\\:underline-offset-4 a[href]:not(.links-unset) {
+  text-underline-offset: 4px;
+}
+
+.hover\\:links\\:decoration-orange-500 a[href]:not(.links-unset):hover {
+  text-decoration-color: #f97316;
+}
+
+@media (min-width: 640px) {
+
+  .sm\\:items-center {
+    align-items: center;
   }
-  const title = initialTitle ?? "Error";
-  const message = typeof error2 === "string" ? error2 : error2 instanceof Error ? String(error2) : "Something unexpected happened.";
-  return /* @__PURE__ */ jsxs15(
-    "div",
-    {
-      className: twMerge8(
-        "text-sm border-l-4 border-red-500",
-        "bg-red-100 text-red-900",
-        "dark:bg-red-900 dark:text-red-50"
-      ),
-      children: [
-        /* @__PURE__ */ jsx19("div", { className: "p-3 font-semibold", children: title }),
-        /* @__PURE__ */ jsx19("div", { className: "px-3 whitespace-break-spaces break-all max-h-32 overflow-y-scroll", children: message })
-      ]
-    }
-  );
-}
-
-// src/AccountModalErrorBoundary.tsx
-import { wait } from "@latticexyz/common/utils";
-import { twMerge as twMerge9 } from "tailwind-merge";
-import { useIsMounted } from "usehooks-ts";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-function AccountModalErrorBoundary({ children }) {
-  const isMounted = useIsMounted();
-  const [retries, setRetries] = useState4(1);
-  return /* @__PURE__ */ jsx20(
-    ErrorBoundary,
-    {
-      fallbackRender: ({ error: error2, resetErrorBoundary }) => /* @__PURE__ */ jsxs16("div", { className: twMerge9("flex-grow flex flex-col justify-center p-5 gap-2"), children: [
-        /* @__PURE__ */ jsx20(ErrorNotice, { error: error2 instanceof Error ? error2.stack ?? error2.message : error2 }),
-        retries > 0 ? /* @__PURE__ */ jsxs16(
-          "button",
-          {
-            type: "button",
-            onClick: async (event) => {
-              event.currentTarget.ariaBusy = "true";
-              await wait(1e3);
-              resetErrorBoundary();
-              if (isMounted()) {
-                setRetries((value) => value - 1);
-                event.currentTarget.ariaBusy = null;
-              }
-            },
-            className: "group aria-busy:pointer-events-none self-end flex items-center gap-1",
-            children: [
-              /* @__PURE__ */ jsx20(PendingIcon, { className: "transition opacity-0 group-aria-busy:opacity-100 text-xs text-neutral-500 dark:text-neutral-400" }),
-              /* @__PURE__ */ jsx20("span", { className: "text-sm text-neutral-500 dark:text-neutral-400 group-hover:text-black dark:group-hover:text-white", children: "Retry?" })
-            ]
-          }
-        ) : null
-      ] }),
-      children
-    }
-  );
-}
-
-// src/AccountModal.tsx
-import { DialogClose, DialogTitle } from "@radix-ui/react-dialog";
-
-// src/icons/IconSVG.tsx
-import { twMerge as twMerge10 } from "tailwind-merge";
-import { jsx as jsx21 } from "react/jsx-runtime";
-function IconSVG({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx21(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      className: twMerge10("-my-[0.125em] h-[1.25em] w-[1.25em]", className),
-      ...props,
-      children
-    }
-  );
-}
-
-// src/icons/CloseIcon.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-function CloseIcon(props) {
-  return /* @__PURE__ */ jsx22(IconSVG, { strokeWidth: "2", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx22(
-    "path",
-    {
-      d: "M6 18L18 6M6 6L18 18",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-
-// src/AccountModal.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
-function AccountModal() {
-  const { accountModalOpen, toggleAccountModal } = useAccountModal();
-  return /* @__PURE__ */ jsxs17(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: [
-    /* @__PURE__ */ jsx23(DialogTitle, { className: "sr-only", children: "Connect with EntryKit" }),
-    accountModalOpen ? /* @__PURE__ */ jsxs17(
-      "div",
-      {
-        className: twMerge11(
-          "relative py-2 ring-1",
-          "bg-neutral-900 text-neutral-400 ring-neutral-700/50 divide-neutral-700",
-          "links:font-medium links:underline links:underline-offset-4",
-          "links:text-white",
-          "links:decoration-neutral-500 hover:links:decoration-orange-500"
-        ),
-        children: [
-          /* @__PURE__ */ jsx23(AccountModalErrorBoundary, { children: /* @__PURE__ */ jsx23(AccountModalContent, {}) }),
-          /* @__PURE__ */ jsxs17(
-            "a",
-            {
-              href: "https://mud.dev",
-              target: "_blank",
-              rel: "noreferrer noopener",
-              className: "group self-center p-3 flex items-center justify-center gap-2 links-unset text-sm font-mono transition text-neutral-400 hover:text-white",
-              children: [
-                /* @__PURE__ */ jsx23("span", { className: "block w-4 h-4", children: /* @__PURE__ */ jsx23(Logo, { className: "w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300" }) }),
-                /* @__PURE__ */ jsx23("span", { children: "Powered by MUD" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx23("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx23(
-            DialogClose,
-            {
-              className: twMerge11(
-                "pointer-events-auto leading-none p-2 transition",
-                "text-neutral-700 hover:text-neutral-500"
-              ),
-              title: "Close",
-              children: /* @__PURE__ */ jsx23(CloseIcon, { className: "m-0" })
-            }
-          ) })
-        ]
-      }
-    ) : null
-  ] });
-}
-
-// src/EntryKitProvider.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
-function EntryKitProvider({ config, children }) {
-  return /* @__PURE__ */ jsxs18(EntryKitConfigProvider, { config, children: [
-    children,
-    /* @__PURE__ */ jsx24(AccountModal, {})
-  ] });
-}
-
-// src/AccountButton.tsx
-import { useAccount as useAccount3 } from "wagmi";
-import { twMerge as twMerge13 } from "tailwind-merge";
-
-// src/AccountName.tsx
-import { twMerge as twMerge12 } from "tailwind-merge";
-import { useEffect as useEffect8 } from "react";
-import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
-function AccountName({ address }) {
-  const { data: ens, error: ensError } = useENS(address);
-  const avatar = usePreloadImage(ens?.avatar);
-  useEffect8(() => {
-    if (ensError) {
-      console.log("Could not get ENS", ensError);
-    }
-  }, [ensError]);
-  return /* @__PURE__ */ jsxs19(Fragment2, { children: [
-    /* @__PURE__ */ jsxs19("span", { className: "flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center", children: [
-      /* @__PURE__ */ jsx25(
-        "img",
-        {
-          src: ens?.avatar && avatar.isSuccess ? ens.avatar : void 0,
-          className: twMerge12(
-            "col-start-1 row-start-1",
-            "inline-flex w-full h-full rounded-full bg-black/10 dark:bg-white/10 bg-cover bg-no-repeat bg-center",
-            "transtion duration-300",
-            avatar.isSuccess ? "opacity-100" : "opacity-0"
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx25(
-        Logo,
-        {
-          className: twMerge12(
-            "col-start-1 row-start-1 text-orange-500",
-            "transition duration-300",
-            ens && (!ens.avatar || avatar.isError) ? "opacity-100" : "opacity-0"
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx25("span", { className: "flex-grow", children: ens?.name ?? /* @__PURE__ */ jsx25(TruncatedHex, { hex: address }) })
-  ] });
-}
-
-// src/AccountButton.tsx
-import { useRef as useRef4 } from "react";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
-var containerClassNames = twMerge13(
-  "w-48 p-3 inline-flex outline-none transition",
-  "border border-transparent",
-  "text-base leading-none"
-);
-var secondaryClassNames = twMerge13(
-  "bg-neutral-100 border-neutral-300 text-black",
-  "dark:bg-neutral-800 dark:border-neutral-700 dark:text-white"
-);
-var secondaryInteractiveClassNames = twMerge13(
-  "cursor-pointer outline-none hover:bg-neutral-200 data-[highlighted]:bg-neutral-200 dark:hover:bg-neutral-700"
-);
-function AccountButton() {
-  const { openAccountModal, accountModalOpen } = useAccountModal();
-  const { status, address: userAddress } = useAccount3();
-  const initialUserAddress = useRef4(userAddress);
-  const prereqs = usePrerequisites(userAddress);
-  const isConnected = status === "connected" || status === "reconnecting" && userAddress;
-  const isNewConnection = userAddress !== initialUserAddress.current;
-  const isSignedIn = prereqs.isSuccess ? prereqs.data.complete : isNewConnection ? false : isConnected;
-  const buttonLabel = (() => {
-    if (prereqs.isSuccess) {
-      if (!prereqs.data.hasAllowance) return "Top up";
-      if (!prereqs.data.hasDelegation || !prereqs.data.isSpender) return "Set up";
-    }
-    return "Sign in";
-  })();
-  return /* @__PURE__ */ jsx26(Shadow, { mode: "child", children: isSignedIn ? /* @__PURE__ */ jsx26(
-    "button",
-    {
-      type: "button",
-      className: twMerge13(containerClassNames, secondaryClassNames, secondaryInteractiveClassNames),
-      onClick: openAccountModal,
-      children: /* @__PURE__ */ jsx26("span", { className: "flex-grow inline-flex gap-2.5 items-center text-left font-medium", children: userAddress ? /* @__PURE__ */ jsx26(AccountName, { address: userAddress }) : null })
-    },
-    "connected"
-  ) : /* @__PURE__ */ jsxs20(
-    "button",
-    {
-      type: "button",
-      className: twMerge13(
-        containerClassNames,
-        "group",
-        "items-center justify-center gap-2.5",
-        "bg-orange-500 text-white font-medium",
-        "hover:bg-orange-400",
-        "active:bg-orange-600"
-      ),
-      "aria-busy": accountModalOpen,
-      onClick: openAccountModal,
-      children: [
-        /* @__PURE__ */ jsxs20("span", { className: "pointer-events-none inline-grid place-items-center -ml-3", children: [
-          /* @__PURE__ */ jsx26(
-            "span",
-            {
-              className: twMerge13(
-                "col-start-1 row-start-1 leading-none",
-                "scale-100 opacity-100 transition duration-300",
-                "group-aria-busy:scale-125 group-aria-busy:opacity-0"
-              ),
-              children: /* @__PURE__ */ jsx26(Logo, {})
-            }
-          ),
-          /* @__PURE__ */ jsx26(
-            "span",
-            {
-              "aria-hidden": true,
-              className: twMerge13(
-                "col-start-1 row-start-1",
-                "scale-50 opacity-0 transition duration-300 delay-50",
-                "group-aria-busy:scale-100 group-aria-busy:opacity-100"
-              ),
-              children: /* @__PURE__ */ jsx26(PendingIcon, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx26("span", { className: "font-medium", children: buttonLabel })
-      ]
-    },
-    "sign in"
-  ) });
-}
-
-// src/useSessionClientReady.ts
-import { useConnectorClient as useConnectorClient2 } from "wagmi";
-function useSessionClientReady() {
-  const { chainId } = useEntryKitConfig();
-  const userClient = useConnectorClient2({ chainId });
-  if (userClient.error) console.error("Error retrieving user client", userClient.error);
-  const userAddress = userClient.data?.account.address;
-  const prerequisites = usePrerequisites(userAddress);
-  const sessionClient = useSessionClient(userAddress);
-  if (!userClient.isSuccess) return { ...userClient, data: void 0 };
-  if (!prerequisites.isSuccess || !prerequisites.data.complete) return { ...prerequisites, data: void 0 };
-  return sessionClient;
-}
-
-// src/createWagmiConfig.ts
-import { connectorsForWallets } from "@rainbow-me/rainbowkit";
-import { createConfig } from "wagmi";
-
-// src/getWallets.ts
-import { getDefaultWallets } from "@rainbow-me/rainbowkit";
-function getWallets(_config) {
-  const { wallets: defaultWallets } = getDefaultWallets();
-  return [
-    // TODO: passkey wallet
-    ...defaultWallets
-  ];
-}
-
-// src/createWagmiConfig.ts
-function createWagmiConfig(config) {
-  const wallets = getWallets(config);
-  const connectors = connectorsForWallets(wallets, {
-    appName: config.appName,
-    projectId: config.walletConnectProjectId
-  });
-  return createConfig({
-    connectors,
-    chains: config.chains,
-    transports: config.transports,
-    pollingInterval: config.pollingInterval
-  });
-}
-
-// src/getConnectors.ts
-import { connectorsForWallets as connectorsForWallets2 } from "@rainbow-me/rainbowkit";
-function getConnectors({
-  wallets,
-  ...config
-}) {
-  return connectorsForWallets2(wallets ?? getWallets(config), {
-    appName: config.appName,
-    projectId: config.walletConnectProjectId
-  });
-}
-export {
-  AccountButton,
-  EntryKitProvider,
-  createWagmiConfig,
-  defineConfig,
-  getConnectors,
-  getWallets,
-  useAccountModal,
-  useEntryKitConfig,
-  useSessionClientReady as useSessionClient
-};
+}
+
+.dark\\:border-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(64 64 64 / var(--tw-border-opacity));
+}
+
+.dark\\:bg-neutral-800:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
+}
+
+.dark\\:bg-red-900:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
+}
+
+.dark\\:bg-white\\/10:where([data-theme="dark"], [data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.1);
+}
+
+.dark\\:text-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity));
+}
+
+.dark\\:text-red-50:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(254 242 242 / var(--tw-text-opacity));
+}
+
+.dark\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark\\:hover\\:bg-neutral-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
+}
+
+.group:hover .dark\\:group-hover\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+`;import{useResizeObserver as tr}from"usehooks-ts";import{mergeRefs as rr}from"react-merge-refs";import{createContext as Vt,useContext as Wt}from"react";import{jsx as _t}from"react/jsx-runtime";var Ce=Vt(null);function ke({frame:e,children:t}){if(Wt(Ce))throw new Error("`FrameProvider` can only be used once.");return _t(Ce.Provider,{value:{frame:e},children:t})}import{useMediaQuery as $t}from"usehooks-ts";import"@rainbow-me/rainbowkit/styles.css";import{createContext as Yt,useContext as Ue}from"react";import{RainbowKitProvider as Xt,lightTheme as Se,midnightTheme as Ae}from"@rainbow-me/rainbowkit";import{useChains as jt}from"wagmi";import{jsx as Pe}from"react/jsx-runtime";var ne=Yt(null);function Ne({config:e,children:t}){if(Ue(ne))throw new Error("`EntryKitProvider` can only be used once.");let n=jt().find(({id:a})=>a===e.chainId);if(!n)throw new Error(`Could not find configured chain for chain ID ${e.chainId}.`);return Pe(Xt,{initialChain:0,appInfo:{appName:e.appName},theme:e.theme==="light"?Se({borderRadius:"none"}):e.theme==="dark"?Ae({borderRadius:"none"}):{lightMode:Se({borderRadius:"none"}),darkMode:Ae({borderRadius:"none"})},children:Pe(ne.Provider,{value:{...e,chain:n},children:t})})}function l(){let e=Ue(ne);if(!e)throw new Error("`useEntryKitConfig` can only be used within a `EntryKitProvider`.");return e}function Re(){let{theme:e}=l(),t=$t("(prefers-color-scheme: dark)");return e??(t?"dark":"light")}import{jsx as O,jsxs as nr}from"react/jsx-runtime";function or({onSize:e,...t}){let r=Te(null);return tr({ref:r,onResize:e}),O("div",{ref:r,...t,style:{...t.style,display:"inline-grid"}})}var G=Zt(function({mode:t,children:r},o){let n=Te(null),[a,i]=Ee(!1),s=a?n.current:null,[c,g]=Ee({width:void 0,height:void 0}),m=s?.contentDocument,d=Re();Jt(()=>{m&&m.body.setAttribute("data-theme",d)},[m,d]);let p=t==="modal"?{all:"unset",display:"block",position:"fixed",inset:"0",width:"100%",height:"100%",zIndex:"2147483646"}:c.width&&c.height?{all:"unset",display:"inline-grid",width:`${c.width}px`,height:`${c.height}px`}:{all:"unset",display:"block",position:"fixed",inset:"0",width:"100%",height:"100%",opacity:0,pointerEvents:"none"};return O("iframe",{ref:rr([o,n]),style:p,onLoad:()=>i(!0),srcDoc:"<!doctype html><title>\u2026</title>",children:m?er.createPortal(nr(ke,{frame:s,children:[O("div",{children:t==="modal"?r:O(or,{onSize:g,children:r})}),O("style",{dangerouslySetInnerHTML:{__html:ve}})]}),m.body):null})});import{twMerge as Me}from"tailwind-merge";import{jsx as R,jsxs as lr}from"react/jsx-runtime";function Ie({open:e,onOpenChange:t,children:r}){return R(ar,{open:e,onOpenChange:t,children:R(ir,{children:lr(G,{mode:"modal",children:[R("div",{className:Me("fixed inset-0","bg-neutral-800/85","animate-in animate-duration-300 fade-in")}),R("div",{className:Me("fixed inset-0","grid items-end sm:items-center","animate-in animate-duration-300 fade-in slide-in-from-bottom-16"),children:R("div",{children:R(sr,{className:"outline-none w-full max-w-[26rem] mx-auto","aria-describedby":void 0,onOpenAutoFocus:o=>{o.preventDefault()},children:r})})})]})})})}import{useCallback as ae,useMemo as dr}from"react";import{useStore as cr}from"zustand";import{createStore as pr}from"zustand/vanilla";var Q=pr(()=>({open:!1}));function C(){let e=cr(Q,n=>n.open),t=ae(()=>{Q.setState({open:!0})},[]),r=ae(()=>{Q.setState({open:!1})},[]),o=ae(n=>{Q.setState({open:n})},[]);return dr(()=>({accountModalOpen:e,openAccountModal:t,closeAccountModal:r,toggleAccountModal:o}),[e,t,r,o])}import{twMerge as It}from"tailwind-merge";import{useAccount as Un,useConnectorClient as Nn}from"wagmi";import{useAccount as xr}from"wagmi";import{twMerge as q}from"tailwind-merge";import{twMerge as mr}from"tailwind-merge";import{jsx as He,jsxs as ur}from"react/jsx-runtime";function b({className:e,...t}){return ur("svg",{className:mr("-my-[0.125em] h-[1.25em] w-[1.25em] animate-spin",e),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...t,children:[He("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),He("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}import{jsx as z,jsxs as fr}from"react/jsx-runtime";var gr=({variant:e="secondary"}={})=>q("group/button self-center leading-none outline-none border-4 border-transparent","transition hover:brightness-125 active:brightness-150","focus:border-orange-500","aria-disabled:pointer-events-none aria-busy:pointer-events-none","aria-disabled:opacity-50","p-[.75em] font-medium",{primary:q("bg-orange-600 text-white focus:border-yellow-400"),secondary:q("bg-neutral-700 text-white focus:border-orange-500"),tertiary:q("bg-neutral-800 text-white focus:border-orange-500")}[e]),y=({pending:e,variant:t,type:r,className:o,children:n,disabled:a,...i})=>z("button",{type:r||"button",className:q(gr({variant:t,pending:e}),o),"aria-busy":e,"aria-disabled":a,disabled:a||e,...i,children:fr("span",{className:"grid grid-cols-[1fr_auto_1fr] gap-2",children:[z("span",{className:"flex items-center justify-end text-[.75em]",children:z("span",{className:"transition opacity-0 translate-x-2 group-aria-busy/button:opacity-100 group-aria-busy/button:translate-x-0 duration-100 group-aria-busy/button:duration-300",children:z(b,{})})}),z("span",{children:n})]})});import{useConnectModal as vr}from"@rainbow-me/rainbowkit";import{twMerge as hr}from"tailwind-merge";import{jsx as ie,jsxs as yr}from"react/jsx-runtime";function A({className:e,...t}){return yr("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 8 8",fill:"currentColor",shapeRendering:"crispEdges",className:hr("-my-[0.125em] h-[1.25em] w-[1.25em]",e),...t,children:[ie("path",{d:"M0 0h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm2-1h1v1H7zm0 1h1v1H7zM6 7h1v1H6zm1-2h1v1H7zm0-1h1v1H7zm0-1h1v1H7z"}),ie("path",{d:"M2 2h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm1-3h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm0 1h1v1H5zm0 1h1v1H5zm0 1h1v1H5zM4 5h1v1H4zM3 5h1v1H3z",opacity:".5"}),ie("path",{d:"M7 2h1v1H7zm0-1h1v1H7zM1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm1 0h1v1H6zm1 0h1v1H7z"})]})}import{useQuery as br}from"@tanstack/react-query";function V(e){return br({enabled:!!e,retry:!1,retryOnMount:!1,refetchOnMount:!1,refetchOnWindowFocus:!1,queryKey:["preloadImage",e],queryFn:()=>new Promise((t,r)=>{if(!e)throw new Error("usePreloadImage: Must provide `url` to preload image.");let o=new Image;o.onload=()=>t(o),o.onerror=()=>r(new Error(`usePreloadImage: Could not load image.
+
+	URL: ${e}`)),o.src=e})})}import{jsx as W,jsxs as wr}from"react/jsx-runtime";function Oe(){let{appName:e,appIcon:t}=l(),{data:r,isLoading:o}=V(t);return wr("div",{className:"flex-grow flex flex-col items-center justify-center gap-2",children:[W("div",{className:"w-16 h-16 m-2",children:o?null:r?W("img",{src:t,className:"w-full h-full object-cover"}):W(A,{className:"w-full h-full text-orange-500 dark:bg-neutral-800"})}),W("div",{className:"text-2xl text-white text-center",children:e})]})}import{twMerge as Cr}from"tailwind-merge";import{useEffect as kr,useState as Sr}from"react";import{jsx as _,jsxs as Ar}from"react/jsx-runtime";function ze(){let e=xr(),{openConnectModal:t,connectModalOpen:r}=vr(),[o,n]=Sr(!1);return kr(()=>{!r&&!o&&(t?.(),n(!0))},[r,o,t]),Ar("div",{className:Cr("flex flex-col gap-6 p-6","animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),children:[_("div",{className:"p-4",children:_(Oe,{})}),_("div",{className:"self-center flex flex-col gap-2 w-60",children:_(y,{variant:"secondary",className:"self-auto flex justify-center",disabled:e.status==="connecting",onClick:t,autoFocus:!0,children:"Connect wallet"},"create")})]})}import{useEffect as kn,useMemo as Sn,useRef as An,useState as Pn}from"react";import{twMerge as ye}from"tailwind-merge";import{parseEther as Pr}from"viem";var P=Pr("0.01");import{useClient as Or}from"wagmi";import{queryOptions as zr,useQuery as qr}from"@tanstack/react-query";import{numberToHex as Er}from"viem";import{defineStore as Ur}from"@latticexyz/store";import{parseAbi as Nr}from"viem";var se=Nr(["error SpenderSystem_AlreadyRegistered(address spender, address user)","error SpenderSystem_HasOwnBalance(address spender)","function registerSpender(address spender)"]),Rr=Ur({namespaces:{root:{namespace:"",tables:{Allowance:{schema:{user:"address",allowance:"uint256"},key:["user"]},Grantor:{schema:{grantor:"address",allowance:"uint256"},key:["grantor"]},PassHolder:{schema:{user:"address",passId:"bytes32",lastRenewed:"uint256",lastClaimed:"uint256"},key:["user","passId"]},PassConfig:{schema:{passId:"bytes32",claimAmount:"uint256",claimInterval:"uint256",validityPeriod:"uint256",grantor:"address"},key:["passId"]},Spender:{schema:{spender:"address",user:"address"},key:["spender"]},SystemConfig:{schema:{entryPoint:"address"},key:[]}}}}}),E=Rr.namespaces.root.tables;import{getRecord as Tr,getStaticDataLocation as Mr}from"@latticexyz/store/internal";import{getKeyTuple as Ir}from"@latticexyz/protocol-parser/internal";import{setStorageAt as Hr}from"viem/actions";function h(e){let t=e.contracts??{};if("quarryPaymaster"in t&&t.quarryPaymaster!=null&&"address"in t.quarryPaymaster)return{type:"quarry",address:t.quarryPaymaster.address};if("paymaster"in t&&t.paymaster!=null&&"address"in t.paymaster)return{type:"simple",address:t.paymaster.address}}async function qe({client:e,userAddress:t}){let r=h(e.chain);return r?.type!=="quarry"?null:(await Tr(e,{address:r.address,table:E.Allowance,key:{user:t},blockTag:"pending"})).allowance}async function Be({client:e,userAddress:t,allowance:r}){let o=h(e.chain);if(o?.type!=="quarry")return;let n=Mr(E.Allowance.tableId,Ir(E.Allowance,{user:t}));await Hr(e.extend(()=>({mode:"anvil"})),{address:o.address,index:n,value:Er(r,{size:32})})}function le({client:e,userAddress:t}){let r=["getAllowance",e?.chain.id,t];return zr(e&&t?{queryKey:r,queryFn:()=>qe({client:e,userAddress:t})}:{queryKey:r,enabled:!1})}function Le(e){let{chainId:t}=l(),r=Or({chainId:t});return qr(le({client:r,userAddress:e}))}import{useClient as Li}from"wagmi";import{queryOptions as Lr,useQuery as Ki}from"@tanstack/react-query";import{getRecord as Br}from"@latticexyz/store/internal";async function Fe({client:e,userAddress:t,sessionAddress:r}){let o=h(e.chain);return o?.type!=="quarry"?null:(await Br(e,{address:o.address,table:E.Spender,key:{spender:r},blockTag:"pending"})).user.toLowerCase()===t.toLowerCase()}function Ke({client:e,userAddress:t,sessionAddress:r}){let o=["getSpender",e?.chain.id,t,r];return Lr(e&&t&&r?{queryKey:o,queryFn:()=>Fe({client:e,userAddress:t,sessionAddress:r})}:{queryKey:o,enabled:!1})}import{useClient as as}from"wagmi";import{queryOptions as Qr,useQuery as ss}from"@tanstack/react-query";import{getRecord as Gr}from"@latticexyz/store/internal";import{resourceToHex as Fr}from"@latticexyz/common";import{parseAbi as Kr}from"viem";import Dr from"@latticexyz/world/mud.config";var De={pollingInterval:250},B=Fr({type:"system",namespace:"",name:"unlimited"}),Ge=Dr.namespaces.world.tables,Qe=Kr(["function registerDelegation(address delegatee, bytes32 delegationControlId, bytes initCallData)"]);async function Ve({client:e,worldAddress:t,userAddress:r,sessionAddress:o}){return(await Gr(e,{address:t,table:Ge.UserDelegationControl,key:{delegator:r,delegatee:o},blockTag:"pending"})).delegationControlId===B}function We({client:e,worldAddress:t,userAddress:r,sessionAddress:o}){let n=["getDelegation",e?.chain.id,t,r,o];return Qr(e&&r&&o?{queryKey:n,queryFn:()=>Ve({client:e,worldAddress:t,userAddress:r,sessionAddress:o})}:{queryKey:n,enabled:!1})}import{queryOptions as to,useQuery as ro,useQueryClient as oo}from"@tanstack/react-query";import{useClient as no,useConfig as ao}from"wagmi";import{useClient as Zr}from"wagmi";import{queryOptions as Jr,useQuery as eo}from"@tanstack/react-query";import{toSimpleSmartAccount as $r}from"permissionless/accounts";import{isHex as Yr}from"viem";import{createStore as Vr}from"zustand/vanilla";import{persist as Wr}from"zustand/middleware";var L=Vr(Wr(()=>({signers:{}}),{name:"mud:entrykit",partialize:({signers:e})=>({signers:e})}));function _r(e){e.key===L.persist.getOptions().name&&L.persist.rehydrate()}window.addEventListener("storage",_r);import{generatePrivateKey as Xr,privateKeyToAccount as jr}from"viem/accounts";function _e(e){let t=e.toLowerCase(),r=L.getState().signers[t]??(()=>{let o=localStorage.getItem(`mud:appSigner:privateKey:${e.toLowerCase()}`)?.replace(/^"(.*)"$/,"$1"),n=Yr(o)?o:Xr();return L.setState(a=>({signers:{...a.signers,[t]:n}})),n})();return jr(r)}async function Ye({client:e,userAddress:t}){let r=_e(t);return await $r({client:e,owner:r})}function de({client:e,userAddress:t}){let r=["getSessionAccount",e?.chain.id,t];return Jr(e&&t?{queryKey:r,queryFn:()=>Ye({client:e,userAddress:t}),staleTime:1/0}:{queryKey:r,enabled:!1})}function Xe(e){let{chainId:t}=l(),r=Zr({chainId:t});return eo(de({userAddress:e,client:r}))}import{getBalanceQueryOptions as io}from"wagmi/query";function so({queryClient:e,config:t,client:r,userAddress:o,worldAddress:n}){let a=["getPrerequisites",r?.chain.id,o];return to(r&&o?{queryKey:a,queryFn:async()=>{let i=h(r.chain),{address:s}=await e.fetchQuery(de({client:r,userAddress:o})),[c,g,m,d]=await Promise.all([i?null:e.fetchQuery(io(t,{chainId:r.chain.id,address:s})),i?.type==="quarry"?e.fetchQuery(le({client:r,userAddress:o})):null,i?.type==="quarry"?e.fetchQuery(Ke({client:r,userAddress:o,sessionAddress:s})):null,e.fetchQuery(We({client:r,worldAddress:n,userAddress:o,sessionAddress:s}))]),p=g==null||g>=P,f=m??!0,x=c==null||c.value>=P;return{sessionAddress:s,hasAllowance:p,isSpender:f,hasGasBalance:x,hasDelegation:d,complete:p&&f&&d}}}:{queryKey:a,enabled:!1})}function T(e){let t=oo(),{chainId:r,worldAddress:o}=l(),n=ao(),a=no({chainId:r});return ro(so({config:n,queryClient:t,client:a,userAddress:e,worldAddress:o}),t)}import{useDisconnect as po}from"wagmi";import{useQuery as lo}from"@tanstack/react-query";function Y(e){let t=e?.toLowerCase();return lo({enabled:!!t,queryKey:["ens",t],queryFn:async()=>{let r=await fetch(`https://api.ensideas.com/ens/resolve/${t}`).then(o=>o.json());return{address:r.address??void 0,name:r.name??void 0,displayName:r.displayName??void 0,avatar:r.avatar??void 0}}})}import{jsx as ce,jsxs as co}from"react/jsx-runtime";function M({hex:e}){return e.length<=10?ce("span",{title:e,children:e}):co("span",{title:e,children:[ce("span",{className:"after:select-none after:content-['\u2026']",children:e.slice(0,6)}),ce("span",{className:"tracking-[-1ch] text-transparent",children:e.slice(6,-4)}),e.slice(-4)]})}import{jsx as F,jsxs as pe}from"react/jsx-runtime";function je({isActive:e,isExpanded:t,userAddress:r}){let{data:o}=Y(r),{disconnect:n,isPending:a}=po(),{closeAccountModal:i}=C();return pe("div",{className:"flex flex-col gap-4",children:[pe("div",{className:"flex justify-between gap-4",children:[pe("div",{children:[F("div",{children:"Account"}),F("div",{className:"font-mono text-white",children:o?.name??F(M,{hex:r})})]}),F(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e,pending:a,onClick:()=>{i(),n()},children:"Sign out"})]}),t?F("p",{className:"text-sm",children:"Each of your onchain actions in this app is associated with your account."}):null]})}import{parseEther as go}from"viem";import{useMutation as fo,useQueryClient as ho}from"@tanstack/react-query";import{http as mo}from"viem";function $e(){return({chain:e})=>{if(!e)throw new Error("No chain provided to issuer transport.");let t="quarryPassIssuer"in e.rpcUrls?e.rpcUrls.quarryPassIssuer.http[0]:void 0;if(!t)throw new Error(`No \`quarryPassIssuer\` RPC URL found for chain ${e.id}.`);return mo(t)({chain:e,retryCount:0})}}import Ze from"debug";var me=Ze("mud:entrykit"),uo=Ze("mud:entrykit");me.log=console.debug.bind(console);uo.log=console.error.bind(console);var I=me.extend("quarry");async function Je({chain:e,userAddress:t}){let r=$e()({chain:e});I("Issuing gas pass to",t),await r.request({method:"quarry_issuePass",params:["0x01",t]}),I("Claiming gas allowance for",t),await r.request({method:"quarry_claimAllowance",params:["0x01",t]})}import{useClient as yo}from"wagmi";function et(){let e=ho(),{chain:t}=l(),r=yo({chainId:t.id}),o=["claimGasPass",t.id];return fo({mutationKey:o,onError:n=>console.error(n),mutationFn:async n=>{if(t.id===31337){if(!r)throw new Error("No client?");await Be({client:r,userAddress:n,allowance:go("1")})}else await Je({chain:t,userAddress:n});await Promise.all([e.invalidateQueries({queryKey:["getAllowance"]}),e.invalidateQueries({queryKey:["getPrerequisites"]})])},retry:0})}import{twMerge as bo}from"tailwind-merge";import{jsx as X,jsxs as wo}from"react/jsx-runtime";function tt({className:e,...t}){return wo("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 263 428",fill:"currentColor",className:bo("w-[0.6em] h-[1em]",e),...t,children:[X("path",{d:"M132 321V428L263 243L132 321Z"}),X("path",{d:"M0 243L132 321V428",fillOpacity:"0.5"}),X("path",{d:"M132 0V296L263 218"}),X("path",{d:"M0 218L132 296V0L0 218Z",fillOpacity:"0.5"})]})}import{formatEther as xo}from"viem";function rt(e){let t=xo(e),r=Math.floor(parseFloat(t)).toString().length;return parseFloat(t).toLocaleString("en-US",{maximumFractionDigits:Math.max(0,6-r)})}import{formatEther as vo}from"viem";import{jsx as Co,jsxs as ko}from"react/jsx-runtime";function j({wei:e}){return ko("span",{className:"inline-flex items-center gap-1",title:vo(e),children:[rt(e)," ",Co(tt,{})]})}import{useEffect as So}from"react";import{jsx as H,jsxs as ue}from"react/jsx-runtime";function ot({isActive:e,isExpanded:t,userAddress:r}){let o=Le(r),n=et();return So(()=>{let a=setTimeout(()=>{e&&n.status==="idle"&&o.isSuccess&&o.data!=null&&o.data<P&&n.mutate(r)});return()=>clearTimeout(a)},[o.data,o.isSuccess,n,e,r]),ue("div",{className:"flex flex-col gap-4",children:[ue("div",{className:"flex justify-between gap-4",children:[ue("div",{children:[H("div",{children:"Allowance"}),H("div",{className:"font-mono text-white",children:o.data!=null?H(j,{wei:o.data}):H(b,{className:"text-sm"})})]}),H(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e||t,pending:o.status==="pending"||n.status==="pending",onClick:()=>n.mutate(r),children:"Top up"})]}),t?H("p",{className:"text-sm",children:"Your allowance is used to pay for onchain computation."}):null]})}import{encodeFunctionData as at}from"viem";import{useMutation as Oo,useQueryClient as zo}from"@tanstack/react-query";import{getAction as fe}from"viem/utils";import{sendUserOperation as qo,waitForUserOperationReceipt as Bo}from"viem/account-abstraction";import{waitForTransactionReceipt as Lo}from"viem/actions";import{useClient as Fo}from"wagmi";import{resourceToHex as it}from"@latticexyz/common";import Ko from"@latticexyz/world/out/IBaseWorld.sol/IBaseWorld.abi.json";import{writeContract as Mo}from"viem/actions";import{getAction as Io}from"viem/utils";import{toHex as Ao}from"viem";import{signTypedData as Po}from"viem/actions";import{callWithSignatureTypes as Uo}from"@latticexyz/world-module-callwithsignature/internal";import{getRecord as No}from"@latticexyz/store/internal";import Ro from"@latticexyz/world-module-callwithsignature/mud.config";import{hexToResource as Eo}from"@latticexyz/common";import{getAction as To}from"viem/utils";async function nt({userClient:e,worldAddress:t,systemId:r,callData:o,nonce:n,client:a}){let i=n??(a?(await No(a,{address:t,table:Ro.tables.CallWithSignatureNonces,key:{signer:e.account.address},blockTag:"pending"})).nonce:0n),{namespace:s,name:c}=Eo(r);return await To(e,Po,"signTypedData")({account:e.account,domain:{verifyingContract:t,salt:Ao(e.chain.id,{size:32})},types:Uo,primaryType:"Call",message:{signer:e.account.address,systemNamespace:s,systemName:c,callData:o,nonce:i}})}import Ho from"@latticexyz/world-module-callwithsignature/out/CallWithSignatureSystem.sol/CallWithSignatureSystem.abi.json";async function ge({sessionClient:e,...t}){let r=await nt(t);return Io(e,Mo,"writeContract")({address:t.worldAddress,abi:Ho,functionName:"callWithSignature",args:[t.userClient.account.address,t.systemId,t.callData,r]})}function st({userClient:e}){let t=zo(),{chainId:r,worldAddress:o}=l(),n=Fo({chainId:r}),a=["setupSession",n?.chain.id,e.account.address];return Oo({mutationKey:a,onError:i=>console.error(i),mutationFn:async({sessionClient:i,registerSpender:s,registerDelegation:c})=>{if(!n)throw new Error("Client not ready.");let g=h(n.chain),m=i.account.address;if(console.log("setting up session"),e.account.type==="smart"){let d=[];if(s&&g?.type==="quarry"&&(console.log("registering spender"),d.push({to:g.address,abi:se,functionName:"registerSpender",args:[m]})),c&&(console.log("registering delegation"),d.push({to:o,abi:Qe,functionName:"registerDelegation",args:[m,B,"0x"]})),!d.length)return;console.log("setting up account with",d,e);let p=await fe(e,qo,"sendUserOperation")({calls:d});console.log("got user op hash",p);let f=await fe(e,Bo,"waitForUserOperationReceipt")({hash:p});console.log("got user op receipt",f),f.success||console.error("not successful?",f)}else{let d=[];if(s&&g?.type==="quarry"){console.log("registering spender");let p=await ge({client:n,userClient:e,sessionClient:i,worldAddress:g.address,systemId:it({type:"system",namespace:"",name:"SpenderSystem"}),callData:at({abi:se,functionName:"registerSpender",args:[m]})});console.log("got spender tx",p),d.push(p)}if(c){console.log("registering delegation");let p=await ge({client:n,userClient:e,sessionClient:i,worldAddress:o,systemId:it({type:"system",namespace:"",name:"Registration"}),callData:at({abi:Ko,functionName:"registerDelegation",args:[m,B,"0x"]})});console.log("got delegation tx",p),d.push(p)}if(!d.length)return;console.log("waiting for",d.length,"receipts");for(let p of d){let f=await fe(n,Lo,"waitForTransactionReceipt")({hash:p});console.log("got tx receipt",f),f.status==="reverted"&&console.error("tx reverted?",f)}}await Promise.all([t.invalidateQueries({queryKey:["getSpender"]}),t.invalidateQueries({queryKey:["getDelegation"]}),t.invalidateQueries({queryKey:["getPrerequisites"]})])},retry:0})}import{useEffect as fn}from"react";import{useClient as pn}from"wagmi";import{queryOptions as mn,useQuery as un}from"@tanstack/react-query";import{smartAccountActions as dn}from"permissionless";import{callFrom as cn}from"@latticexyz/world/internal";import{createBundlerClient as Do}from"viem/account-abstraction";var Go=new Set([31337,17420,17069,690]);function lt(e){let t=e.chain??e.client?.chain,r=t?h(t):void 0;return Do({...De,paymaster:r?{getPaymasterData:async()=>({paymaster:r.address,paymasterData:"0x"})}:void 0,userOperation:{estimateFeesPerGas:t&&Go.has(t.id)?async()=>({maxFeePerGas:100000n,maxPriorityFeePerGas:0n}):void 0},...e})}import{transactionQueue as tn}from"@latticexyz/common/actions";import{createClient as rn,fallback as on,http as ht,keccak256 as nn,stringToHex as an,webSocket as sn}from"viem";import{privateKeyToAccount as ln}from"viem/accounts";import{createTransport as $o,numberToHex as Zo,parseEther as Jo}from"viem";import{entryPoint07Address as gt}from"viem/account-abstraction";import{formatUserOperationRequest as Qo}from"viem/account-abstraction";async function dt(e){return Qo({callGasLimit:20000000n,preVerificationGas:200000n,verificationGasLimit:2000000n,paymasterVerificationGasLimit:200000n,paymasterPostOpGasLimit:200000n})}import{parseEventLogs as Vo}from"viem";import{formatUserOperation as Wo,toPackedUserOperation as _o,getUserOperationHash as Yo,entryPoint07Address as ct,entryPoint07Abi as pt}from"viem/account-abstraction";import{waitForTransactionReceipt as Xo,writeContract as jo}from"viem/actions";import{getAction as mt}from"viem/utils";async function ut({executor:e,rpcUserOp:t}){let r=Wo(t),o=_o(r),n=Yo({userOperation:r,chainId:e.chain.id,entryPointVersion:"0.7",entryPointAddress:ct}),a=await mt(e,jo,"writeContract")({abi:pt,address:ct,functionName:"handleOps",args:[[o],e.account.address],chain:e.chain,account:e.account}),i=await mt(e,Xo,"waitForTransactionReceipt")({hash:a});return{success:Vo({logs:i.logs,abi:pt,eventName:"UserOperationEvent"})[0].args.success,userOpHash:n,receipt:i}}import{setBalance as en}from"viem/actions";function ft({executor:e}){return()=>{I("using a local user op executor",e.account.address),e.chain.id===31337&&(I("setting executor balance"),en(e.extend(()=>({mode:"anvil"})),{address:e.account.address,value:Jo("100")}));let t=new Map;return $o({key:"userOpExecutor",type:"userOpExecutor",name:"User Operation Executor Transport",request:async({method:o,params:n})=>{if(o==="eth_chainId")return Zo(e.chain.id);if(o==="eth_supportedEntryPoints")return[gt];if(o==="eth_sendUserOperation"){let[a,i]=n;if(i===gt){let s=await ut({executor:e,rpcUserOp:a});return t.set(s.userOpHash,s),s.userOpHash}}if(o==="eth_getUserOperationReceipt"){let[a]=n;return t.get(a)??null}if(o==="eth_estimateUserOperationGas")return await dt(n);throw new Error("Method not implemented.")}})}}function yt(e){let t=e.rpcUrls.bundler?.http[0],r=t?ht(t):e.id===31337?ft({executor:rn({chain:e,transport:on([sn(),ht()]),account:ln(nn(an("local user op executor"))),pollingInterval:10}).extend(tn())}):null;if(!r)throw new Error(`Chain ${e.id} config did not include a bundler RPC URL.`);return r}async function bt({client:e,userAddress:t,sessionAccount:r,worldAddress:o}){let n=yt(e.chain);return lt({transport:n,client:e,account:r}).extend(dn).extend(cn({worldAddress:o,delegatorAddress:t,publicClient:e})).extend(()=>({userAddress:t}))}function gn({sessionAccount:e,client:t,userAddress:r,worldAddress:o}){let n=["getSessionClient",t?.uid,r,e?.address,o];return mn(t&&r&&e?{queryKey:n,queryFn:()=>bt({sessionAccount:e,client:t,userAddress:r,worldAddress:o}),staleTime:1/0}:{queryKey:n,enabled:!1})}function $(e){let{chainId:t,worldAddress:r}=l(),o=pn({chainId:t}),{data:n}=Xe(e);return un(gn({sessionAccount:n,userAddress:e,client:o,worldAddress:r}))}import{jsx as K,jsxs as he}from"react/jsx-runtime";function wt({isActive:e,isExpanded:t,userClient:r,registerSpender:o,registerDelegation:n}){let a=$(r.account.address),i=st({userClient:r}),s=!n&&!n;return fn(()=>{let c=setTimeout(()=>{e&&i.status==="idle"&&a.data&&!s&&i.mutate({sessionClient:a.data,registerSpender:o,registerDelegation:n})});return()=>clearTimeout(c)},[s,e,n,o,a,i]),he("div",{className:"flex flex-col gap-4",children:[he("div",{className:"flex justify-between gap-4",children:[he("div",{children:[K("div",{children:"Session"}),K("div",{className:"font-mono text-white",children:s?"Enabled":"Set up"})]}),s?K(y,{variant:"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e,disabled:!0,children:"Enabled"}):K(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e,pending:!a.data||i.status==="pending",onClick:a.data?()=>i.mutate({sessionClient:a.data,registerSpender:o,registerDelegation:n}):void 0,children:"Enable"})]}),t?K("p",{className:"text-sm",children:"You can perform actions in this app without interruptions for approvals."}):null]})}import{useBalance as vn}from"wagmi";var xt={"1":{bridgeUrl:"https://relay.link/bridge/ethereum"},"10":{bridgeUrl:"https://relay.link/bridge/optimism"},"56":{bridgeUrl:"https://relay.link/bridge/bnb"},"100":{bridgeUrl:"https://relay.link/bridge/gnosis"},"111":{bridgeUrl:"https://testnets.relay.link/bridge/bob"},"137":{bridgeUrl:"https://relay.link/bridge/polygon"},"185":{bridgeUrl:"https://relay.link/bridge/mint"},"288":{bridgeUrl:"https://relay.link/bridge/boba"},"324":{bridgeUrl:"https://relay.link/bridge/zksync"},"360":{bridgeUrl:"https://relay.link/bridge/shape"},"480":{bridgeUrl:"https://relay.link/bridge/world-chain"},"690":{bridgeUrl:"https://relay.link/bridge/redstone"},"919":{bridgeUrl:"https://testnets.relay.link/bridge/mode-testnet"},"1101":{bridgeUrl:"https://relay.link/bridge/polygon-zkevm"},"1135":{bridgeUrl:"https://relay.link/bridge/lisk"},"1301":{bridgeUrl:"https://testnets.relay.link/bridge/unichain-sepolia"},"1329":{bridgeUrl:"https://relay.link/bridge/sei"},"1625":{bridgeUrl:"https://relay.link/bridge/gravity"},"1868":{bridgeUrl:"https://relay.link/bridge/soneium"},"1993":{bridgeUrl:"https://testnets.relay.link/bridge/b3"},"1996":{bridgeUrl:"https://relay.link/bridge/sanko"},"2741":{bridgeUrl:"https://relay.link/bridge/abstract"},"2911":{bridgeUrl:"https://relay.link/bridge/hychain"},"4202":{bridgeUrl:"https://testnets.relay.link/bridge/lisk-sepolia"},"4321":{bridgeUrl:"https://relay.link/bridge/echos"},"5000":{bridgeUrl:"https://relay.link/bridge/mantle"},"5112":{bridgeUrl:"https://relay.link/bridge/ham"},"7560":{bridgeUrl:"https://relay.link/bridge/cyber"},"7865":{bridgeUrl:"https://relay.link/bridge/powerloom"},"7897":{bridgeUrl:"https://relay.link/bridge/arena-z"},"8333":{bridgeUrl:"https://relay.link/bridge/B3"},"8453":{bridgeUrl:"https://relay.link/bridge/base"},"9897":{bridgeUrl:"https://testnets.relay.link/bridge/arena-z-testnet"},"11011":{bridgeUrl:"https://testnets.relay.link/bridge/shape-sepolia"},"11124":{bridgeUrl:"https://testnets.relay.link/bridge/abstract"},"13746":{bridgeUrl:"https://testnets.relay.link/bridge/game7-testnet"},"17000":{bridgeUrl:"https://testnets.relay.link/bridge/holesky"},"17069":{bridgeUrl:"https://testnets.relay.link/bridge/garnet"},"17071":{bridgeUrl:"https://relay.link/bridge/onchain-points"},"33139":{bridgeUrl:"https://relay.link/bridge/apechain"},"33979":{bridgeUrl:"https://relay.link/bridge/funki"},"34443":{bridgeUrl:"https://relay.link/bridge/mode"},"42161":{bridgeUrl:"https://relay.link/bridge/arbitrum"},"42170":{bridgeUrl:"https://relay.link/bridge/arbitrum-nova"},"43114":{bridgeUrl:"https://relay.link/bridge/avalanche"},"55244":{bridgeUrl:"https://relay.link/bridge/superposition"},"57073":{bridgeUrl:"https://relay.link/bridge/ink"},"59144":{bridgeUrl:"https://relay.link/bridge/linea"},"60808":{bridgeUrl:"https://relay.link/bridge/bob"},"70700":{bridgeUrl:"https://relay.link/bridge/apex"},"70701":{bridgeUrl:"https://relay.link/bridge/boss"},"70800":{bridgeUrl:"https://testnets.relay.link/bridge/apex-testnet"},"70805":{bridgeUrl:"https://testnets.relay.link/bridge/cloud"},"80002":{bridgeUrl:"https://testnets.relay.link/bridge/amoy"},"81457":{bridgeUrl:"https://relay.link/bridge/blast"},"84532":{bridgeUrl:"https://testnets.relay.link/bridge/base-sepolia"},"167009":{bridgeUrl:"https://testnets.relay.link/bridge/hekla"},"421614":{bridgeUrl:"https://testnets.relay.link/bridge/arbitrum-sepolia"},"534352":{bridgeUrl:"https://relay.link/bridge/scroll"},"543210":{bridgeUrl:"https://relay.link/bridge/zero-network"},"660279":{bridgeUrl:"https://relay.link/bridge/xai"},"911867":{bridgeUrl:"https://testnets.relay.link/bridge/odyssey"},"984122":{bridgeUrl:"https://relay.link/bridge/forma"},"1118190":{bridgeUrl:"https://testnets.relay.link/bridge/eclipse-testnet"},"3397901":{bridgeUrl:"https://testnets.relay.link/bridge/funki-testnet"},"4457845":{bridgeUrl:"https://testnets.relay.link/bridge/zero-sepolia"},"7777777":{bridgeUrl:"https://relay.link/bridge/zora"},"8253038":{bridgeUrl:"https://relay.link/bridge/bitcoin"},"9092725":{bridgeUrl:"https://testnets.relay.link/bridge/bitcoin-testnet4"},"9286185":{bridgeUrl:"https://relay.link/bridge/eclipse"},"11155111":{bridgeUrl:"https://testnets.relay.link/bridge/sepolia"},"11155420":{bridgeUrl:"https://testnets.relay.link/bridge/op-sepolia"},"666666666":{bridgeUrl:"https://relay.link/bridge/degen"},"792703809":{bridgeUrl:"https://relay.link/bridge/solana"},"888888888":{bridgeUrl:"https://relay.link/bridge/ancient8"},"999999999":{bridgeUrl:"https://testnets.relay.link/bridge/zora-sepolia"},"1380012617":{bridgeUrl:"https://relay.link/bridge/rari"},"1936682084":{bridgeUrl:"https://testnets.relay.link/bridge/solana-devnet"},"88153591557":{bridgeUrl:"https://testnets.relay.link/bridge/arbitrum-blueberry"}};import{useQueryClient as yn,useMutation as bn}from"@tanstack/react-query";import{setBalance as wn}from"viem/actions";import{useClient as xn}from"wagmi";function vt(){let e=yn(),{chainId:t}=l(),r=xn({chainId:t});return bn({mutationKey:["setBalance",t],onError:o=>console.error(o),mutationFn:async o=>(r&&(await wn({...r,mode:"anvil"},o),await Promise.all([e.invalidateQueries({queryKey:["balance"]}),e.invalidateQueries({queryKey:["getPrerequisites"]})])),null),retry:0})}import{Fragment as Cn,jsx as w,jsxs as D}from"react/jsx-runtime";function Ct({isActive:e,isExpanded:t,sessionAddress:r}){let{chain:o}=l(),n=vn({chainId:o.id,address:r,query:{refetchInterval:2e3}}),a=vt(),i=xt[o.id];return D("div",{className:"flex flex-col gap-4",children:[D("div",{className:"flex justify-between gap-4",children:[D("div",{children:[w("div",{children:"Gas balance"}),w("div",{className:"font-mono text-white",children:n.data!=null?w(j,{wei:n.data.value}):w(b,{className:"text-sm"})})]}),o.id===31337?w(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e||t,pending:n.status==="pending"||a.status==="pending",onClick:()=>a.mutate({address:r,value:P+(n.data?.value??0n)}),children:"Top up"}):i!=null?w("a",{href:`${i.bridgeUrl}?${new URLSearchParams({toAddress:r})}`,target:"_blank",rel:"noopener noreferrer",children:w(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e||t,pending:n.status==="pending",children:"Top up"})}):null]}),t?D(Cn,{children:[w("p",{className:"text-sm",children:"Your session's gas balance is used to pay for onchain computation."}),D("p",{className:"text-sm",children:["Send funds to"," ",w("span",{className:"font-mono text-white",children:w(M,{hex:r})})," ","on ",o.name," to top up your session balance."]})]}):null]})}import{jsx as U}from"react/jsx-runtime";function kt({userClient:e,initialUserAddress:t}){let{chain:r}=l(),o=h(r),n=e.account.address,{data:a}=T(n),{closeAccountModal:i}=C(),s=n!==t,c=An(a);kn(()=>{a!=null&&(c.current==null&&(c.current=a),a.complete&&(s||!c.current.complete)&&i())},[i,s,a]);let{sessionAddress:g,hasAllowance:m,isSpender:d,hasDelegation:p,hasGasBalance:f}=a??{},x=Sn(()=>{if(!n)return[{id:"wallet",isComplete:!1,content:()=>null}];let u=[{id:"wallet",isComplete:!0,content:v=>U(je,{...v,userAddress:n})}];return o?o.type==="quarry"&&u.push({id:"allowance",isComplete:!!m,content:v=>U(ot,{...v,userAddress:n})}):g!=null&&u.push({id:"gasBalance",isComplete:!!f,content:v=>U(Ct,{...v,sessionAddress:g})}),u.push({id:"session",isComplete:!!d&&!!p,content:v=>U(wt,{...v,userClient:e,registerSpender:!d,registerDelegation:!p})}),u},[m,p,f,d,o,g,n,e]),[we]=Pn(null),Ft=x.find(u=>u.content!=null&&!u.isComplete),te=x.filter(u=>u.isComplete),re=(we!=null?x.find(u=>u.id===we):null)??Ft??(te.length<x.length?te.at(-1):null),xe=re?x.indexOf(re):-1;return U("div",{className:ye("px-8 flex flex-col divide-y divide-neutral-800","animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),children:x.map((u,v)=>{let oe=u===re,Kt=oe||te.length===x.length,Dt=!u.isComplete&&xe!==-1&&v>xe;return U("div",{className:ye("py-8 flex flex-col justify-center",oe?"flex-grow":null),children:U("div",{className:ye("flex flex-col",Dt?"opacity-30 pointer-events-none":null),children:u.content({isActive:oe,isExpanded:Kt})})},u.id)})})}import{useRef as Rn}from"react";import{jsx as St}from"react/jsx-runtime";function At(){let{chainId:e}=l(),t=Nn({chainId:e}),{address:r}=Un(),o=Rn(r);return t.status!=="success"?St(ze,{}):St(kt,{userClient:t.data,initialUserAddress:o.current})}import{useState as Hn}from"react";import{ErrorBoundary as On}from"react-error-boundary";import{twMerge as En}from"tailwind-merge";import{BaseError as Tn,UserRejectedRequestError as Mn}from"viem";import{jsx as Pt,jsxs as In}from"react/jsx-runtime";function Ut({title:e,error:t}){if(!t||t instanceof Tn&&t.walk(n=>n instanceof Mn)!=null)return null;let r=e??"Error",o=typeof t=="string"?t:t instanceof Error?String(t):"Something unexpected happened.";return In("div",{className:En("text-sm border-l-4 border-red-500","bg-red-100 text-red-900","dark:bg-red-900 dark:text-red-50"),children:[Pt("div",{className:"p-3 font-semibold",children:r}),Pt("div",{className:"px-3 whitespace-break-spaces break-all max-h-32 overflow-y-scroll",children:o})]})}import{wait as zn}from"@latticexyz/common/utils";import{twMerge as qn}from"tailwind-merge";import{useIsMounted as Bn}from"usehooks-ts";import{jsx as Z,jsxs as Nt}from"react/jsx-runtime";function Rt({children:e}){let t=Bn(),[r,o]=Hn(1);return Z(On,{fallbackRender:({error:n,resetErrorBoundary:a})=>Nt("div",{className:qn("flex-grow flex flex-col justify-center p-5 gap-2"),children:[Z(Ut,{error:n instanceof Error?n.stack??n.message:n}),r>0?Nt("button",{type:"button",onClick:async i=>{i.currentTarget.ariaBusy="true",await zn(1e3),a(),t()&&(o(s=>s-1),i.currentTarget.ariaBusy=null)},className:"group aria-busy:pointer-events-none self-end flex items-center gap-1",children:[Z(b,{className:"transition opacity-0 group-aria-busy:opacity-100 text-xs text-neutral-500 dark:text-neutral-400"}),Z("span",{className:"text-sm text-neutral-500 dark:text-neutral-400 group-hover:text-black dark:group-hover:text-white",children:"Retry?"})]}):null]}),children:e})}import{DialogClose as Kn,DialogTitle as Dn}from"@radix-ui/react-dialog";import{twMerge as Ln}from"tailwind-merge";import{jsx as Fn}from"react/jsx-runtime";function Et({className:e,children:t,...r}){return Fn("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",className:Ln("-my-[0.125em] h-[1.25em] w-[1.25em]",e),...r,children:t})}import{jsx as Tt}from"react/jsx-runtime";function Mt(e){return Tt(Et,{strokeWidth:"2",stroke:"currentColor",...e,children:Tt("path",{d:"M6 18L18 6M6 6L18 18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as k,jsxs as be}from"react/jsx-runtime";function Ht(){let{accountModalOpen:e,toggleAccountModal:t}=C();return be(Ie,{open:e,onOpenChange:t,children:[k(Dn,{className:"sr-only",children:"Connect with EntryKit"}),e?be("div",{className:It("relative py-2 ring-1","bg-neutral-900 text-neutral-400 ring-neutral-700/50 divide-neutral-700","links:font-medium links:underline links:underline-offset-4","links:text-white","links:decoration-neutral-500 hover:links:decoration-orange-500"),children:[k(Rt,{children:k(At,{})}),be("a",{href:"https://mud.dev",target:"_blank",rel:"noreferrer noopener",className:"group self-center p-3 flex items-center justify-center gap-2 links-unset text-sm font-mono transition text-neutral-400 hover:text-white",children:[k("span",{className:"block w-4 h-4",children:k(A,{className:"w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300"})}),k("span",{children:"Powered by MUD"})]}),k("div",{className:"absolute top-0 right-0",children:k(Kn,{className:It("pointer-events-auto leading-none p-2 transition","text-neutral-700 hover:text-neutral-500"),title:"Close",children:k(Mt,{className:"m-0"})})})]}):null]})}import{jsx as Qn,jsxs as Vn}from"react/jsx-runtime";function Gn({config:e,children:t}){return Vn(Ne,{config:e,children:[t,Qn(Ht,{})]})}import{useAccount as _n}from"wagmi";import{twMerge as N}from"tailwind-merge";import{twMerge as Ot}from"tailwind-merge";import{Fragment as Wn,jsx as J,jsxs as zt}from"react/jsx-runtime";function qt({address:e}){let{data:t}=Y(e),r=V(t?.avatar);return zt(Wn,{children:[zt("span",{className:"flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center",children:[J("img",{src:t?.avatar&&r.isSuccess?t.avatar:void 0,className:Ot("col-start-1 row-start-1","inline-flex w-full h-full rounded-full bg-black/10 dark:bg-white/10 bg-cover bg-no-repeat bg-center","transtion duration-300",r.isSuccess?"opacity-100":"opacity-0")}),J(A,{className:Ot("col-start-1 row-start-1 text-orange-500","transition duration-300",t&&(!t.avatar||r.isError)?"opacity-100":"opacity-0")})]}),J("span",{className:"flex-grow",children:t?.name??J(M,{hex:e})})]})}import{useRef as Yn}from"react";import{jsx as S,jsxs as Lt}from"react/jsx-runtime";var Bt=N("w-48 p-3 inline-flex outline-none transition","border border-transparent","text-base leading-none"),Xn=N("bg-neutral-100 border-neutral-300 text-black","dark:bg-neutral-800 dark:border-neutral-700 dark:text-white"),jn=N("cursor-pointer outline-none hover:bg-neutral-200 data-[highlighted]:bg-neutral-200 dark:hover:bg-neutral-700");function $n(){let{openAccountModal:e,accountModalOpen:t}=C(),{status:r,address:o}=_n(),n=Yn(o),a=T(o),i=r==="connected"||r==="reconnecting"&&o,s=o!==n.current,c=a.isSuccess?a.data.complete:s?!1:i,g=(()=>{if(a.isSuccess){if(!a.data.hasAllowance)return"Top up";if(!a.data.hasDelegation||!a.data.isSpender)return"Set up"}return"Sign in"})();return S(G,{mode:"child",children:c?S("button",{type:"button",className:N(Bt,Xn,jn),onClick:e,children:S("span",{className:"flex-grow inline-flex gap-2.5 items-center text-left font-medium",children:o?S(qt,{address:o}):null})},"connected"):Lt("button",{type:"button",className:N(Bt,"group","items-center justify-center gap-2.5","bg-orange-500 text-white font-medium","hover:bg-orange-400","active:bg-orange-600"),"aria-busy":t,onClick:e,children:[Lt("span",{className:"pointer-events-none inline-grid place-items-center -ml-3",children:[S("span",{className:N("col-start-1 row-start-1 leading-none","scale-100 opacity-100 transition duration-300","group-aria-busy:scale-125 group-aria-busy:opacity-0"),children:S(A,{})}),S("span",{"aria-hidden":!0,className:N("col-start-1 row-start-1","scale-50 opacity-0 transition duration-300 delay-50","group-aria-busy:scale-100 group-aria-busy:opacity-100"),children:S(b,{})})]}),S("span",{className:"font-medium",children:g})]},"sign in")})}import{useConnectorClient as Zn}from"wagmi";function Jn(){let{chainId:e}=l(),t=Zn({chainId:e});t.error&&console.error("Error retrieving user client",t.error);let r=t.data?.account.address,o=T(r),n=$(r);return t.isSuccess?!o.isSuccess||!o.data.complete?{...o,data:void 0}:n:{...t,data:void 0}}import{connectorsForWallets as ta}from"@rainbow-me/rainbowkit";import{createConfig as ra}from"wagmi";import{getDefaultWallets as ea}from"@rainbow-me/rainbowkit";function ee(e){let{wallets:t}=ea();return[...t]}function oa(e){let t=ee(e),r=ta(t,{appName:e.appName,projectId:e.walletConnectProjectId});return ra({connectors:r,chains:e.chains,transports:e.transports,pollingInterval:e.pollingInterval})}import{connectorsForWallets as na}from"@rainbow-me/rainbowkit";function wm({wallets:e,...t}){return na(e??ee(t),{appName:t.appName,projectId:t.walletConnectProjectId})}export{$n as AccountButton,Gn as EntryKitProvider,oa as createWagmiConfig,Gt as defineConfig,wm as getConnectors,ee as getWallets,C as useAccountModal,l as useEntryKitConfig,Jn as useSessionClient};
 //# sourceMappingURL=internal.js.map