@latticexyz/entrykit 2.2.18-8d0ce55e964e646a1c804c401df01c4deb866f30 → 2.2.18-9fa07c8489f1fbf167d0db01cd9aaa645a29c8e2

package/dist/tsup/exports/internal.cjs

@@ -0,0 +1,2287 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/exports/internal.ts
+var internal_exports = {};
+__export(internal_exports, {
+  AccountButton: () => AccountButton,
+  EntryKitProvider: () => EntryKitProvider,
+  createWagmiConfig: () => createWagmiConfig,
+  defineConfig: () => defineConfig,
+  getConnectors: () => getConnectors,
+  getWallets: () => getWallets,
+  useAccountModal: () => useAccountModal,
+  useEntryKitConfig: () => useEntryKitConfig,
+  useSessionClient: () => useSessionClientReady
+});
+module.exports = __toCommonJS(internal_exports);
+
+// 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
+var import_react_dialog = require("@radix-ui/react-dialog");
+
+// src/ui/Shadow.tsx
+var import_react3 = require("react");
+var import_react_dom = __toESM(require("react-dom"), 1);
+
+// ../../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
+var import_usehooks_ts2 = require("usehooks-ts");
+var import_react_merge_refs = require("react-merge-refs");
+
+// src/ui/FrameProvider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Context = (0, import_react.createContext)(null);
+function FrameProvider({ frame, children }) {
+  const value = (0, import_react.useContext)(Context);
+  if (value) throw new Error("`FrameProvider` can only be used once.");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value: { frame }, children });
+}
+
+// src/useTheme.ts
+var import_usehooks_ts = require("usehooks-ts");
+
+// src/EntryKitConfigProvider.tsx
+var import_styles = require("@rainbow-me/rainbowkit/styles.css");
+var import_react2 = require("react");
+var import_rainbowkit = require("@rainbow-me/rainbowkit");
+var import_wagmi = require("wagmi");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Context2 = (0, import_react2.createContext)(null);
+function EntryKitConfigProvider({ config, children }) {
+  const currentConfig = (0, import_react2.useContext)(Context2);
+  if (currentConfig) throw new Error("`EntryKitProvider` can only be used once.");
+  const chains = (0, import_wagmi.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__ */ (0, import_jsx_runtime2.jsx)(
+    import_rainbowkit.RainbowKitProvider,
+    {
+      initialChain: 0,
+      appInfo: {
+        appName: config.appName
+        // TODO: learn more and disclaimer
+      },
+      theme: (0, import_rainbowkit.midnightTheme)({ borderRadius: "none" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Context2.Provider, { value: { ...config, chain }, children })
+    }
+  );
+}
+function useEntryKitConfig() {
+  const config = (0, import_react2.useContext)(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 = (0, import_usehooks_ts.useMediaQuery)("(prefers-color-scheme: dark)");
+  const theme = initialTheme ?? (darkMode ? "dark" : "light");
+  return theme;
+}
+
+// src/ui/Shadow.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Resizer({
+  onSize,
+  ...props
+}) {
+  const ref = (0, import_react3.useRef)(null);
+  (0, import_usehooks_ts2.useResizeObserver)({ ref, onResize: onSize });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, ...props, style: { ...props.style, display: "inline-grid" } });
+}
+var Shadow = (0, import_react3.forwardRef)(function Shadow2({ mode, children }, forwardedRef) {
+  const frameRef = (0, import_react3.useRef)(null);
+  const [loaded, setLoaded] = (0, import_react3.useState)(false);
+  const frame = loaded ? frameRef.current : null;
+  const [frameSize, setFrameSize] = (0, import_react3.useState)({
+    width: void 0,
+    height: void 0
+  });
+  const frameDocument = frame?.contentDocument;
+  const theme = useTheme();
+  (0, import_react3.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__ */ (0, import_jsx_runtime3.jsx)(
+    "iframe",
+    {
+      ref: (0, import_react_merge_refs.mergeRefs)([forwardedRef, frameRef]),
+      style: frameStyle,
+      onLoad: () => setLoaded(true),
+      srcDoc: "<!doctype html><title>\u2026</title>",
+      children: frameDocument ? import_react_dom.default.createPortal(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FrameProvider, { frame, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: mode === "modal" ? children : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Resizer, { onSize: setFrameSize, children }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { dangerouslySetInnerHTML: { __html: tailwind_default } })
+        ] }),
+        frameDocument.body
+      ) : null
+    }
+  );
+});
+
+// src/ui/Modal.tsx
+var import_tailwind_merge = require("tailwind-merge");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Modal({ open, onOpenChange, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_dialog.Root, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_dialog.DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Shadow, { mode: "modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_tailwind_merge.twMerge)("fixed inset-0", "bg-neutral-800/85", "animate-in animate-duration-300 fade-in") }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "div",
+      {
+        className: (0, import_tailwind_merge.twMerge)(
+          "fixed inset-0",
+          "grid items-end sm:items-center",
+          "animate-in animate-duration-300 fade-in slide-in-from-bottom-16"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_dialog.DialogContent,
+          {
+            className: "outline-none w-full max-w-[26rem] mx-auto",
+            "aria-describedby": void 0,
+            onOpenAutoFocus: (event) => {
+              event.preventDefault();
+            },
+            children
+          }
+        ) })
+      }
+    )
+  ] }) }) });
+}
+
+// src/useAccountModal.ts
+var import_react4 = require("react");
+var import_zustand = require("zustand");
+var import_vanilla = require("zustand/vanilla");
+var store = (0, import_vanilla.createStore)(() => ({ open: false }));
+function useAccountModal() {
+  const accountModalOpen = (0, import_zustand.useStore)(store, (state) => state.open);
+  const openAccountModal = (0, import_react4.useCallback)(() => {
+    store.setState({ open: true });
+  }, []);
+  const closeAccountModal = (0, import_react4.useCallback)(() => {
+    store.setState({ open: false });
+  }, []);
+  const toggleAccountModal = (0, import_react4.useCallback)((open) => {
+    store.setState({ open });
+  }, []);
+  return (0, import_react4.useMemo)(
+    () => ({
+      accountModalOpen,
+      openAccountModal,
+      closeAccountModal,
+      toggleAccountModal
+    }),
+    [accountModalOpen, openAccountModal, closeAccountModal, toggleAccountModal]
+  );
+}
+
+// src/AccountModal.tsx
+var import_tailwind_merge11 = require("tailwind-merge");
+
+// src/AccountModalContent.tsx
+var import_wagmi14 = require("wagmi");
+
+// src/ConnectWallet.tsx
+var import_wagmi2 = require("wagmi");
+
+// src/ui/Button.tsx
+var import_tailwind_merge3 = require("tailwind-merge");
+
+// src/icons/PendingIcon.tsx
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function PendingIcon({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      className: (0, import_tailwind_merge2.twMerge)("-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__ */ (0, import_jsx_runtime5.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "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
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var buttonClassName = ({ variant = "secondary" } = {}) => (0, import_tailwind_merge3.twMerge)(
+  "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: (0, import_tailwind_merge3.twMerge)("bg-orange-600 text-white focus:border-yellow-400"),
+    secondary: (0, import_tailwind_merge3.twMerge)("bg-neutral-700 text-white focus:border-orange-500"),
+    tertiary: (0, import_tailwind_merge3.twMerge)("bg-neutral-800 text-white focus:border-orange-500")
+  }[variant]
+);
+var Button = ({ pending, variant, type, className, children, disabled, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "button",
+    {
+      type: type || "button",
+      className: (0, import_tailwind_merge3.twMerge)(buttonClassName({ variant, pending }), className),
+      "aria-busy": pending,
+      "aria-disabled": disabled,
+      disabled: disabled || pending,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "grid grid-cols-[1fr_auto_1fr] gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex items-center justify-end text-[.75em]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(PendingIcon, {}) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children })
+      ] })
+    }
+  );
+};
+
+// src/ConnectWallet.tsx
+var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
+
+// src/icons/Logo.tsx
+var import_tailwind_merge4 = require("tailwind-merge");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Logo({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 8 8",
+      fill: "currentColor",
+      shapeRendering: "crispEdges",
+      className: (0, import_tailwind_merge4.twMerge)("-my-[0.125em] h-[1.25em] w-[1.25em]", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M0 0h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm2-1h1v1H7zm0 1h1v1H7zM6 7h1v1H6zm1-2h1v1H7zm0-1h1v1H7zm0-1h1v1H7z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "path",
+          {
+            d: "M2 2h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm1-3h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm0 1h1v1H5zm0 1h1v1H5zm0 1h1v1H5zM4 5h1v1H4zM3 5h1v1H3z",
+            opacity: ".5"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M7 2h1v1H7zm0-1h1v1H7zM1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm1 0h1v1H6zm1 0h1v1H7z" })
+      ]
+    }
+  );
+}
+
+// src/usePreloadImage.tsx
+var import_react_query = require("@tanstack/react-query");
+function usePreloadImage(url) {
+  return (0, import_react_query.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
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function AppInfo() {
+  const { appName, appIcon } = useEntryKitConfig();
+  const { data: hasAppIcon, isLoading: appIconLoading } = usePreloadImage(appIcon);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex-grow flex flex-col items-center justify-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-16 h-16 m-2", children: !appIconLoading ? hasAppIcon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: appIcon, className: "w-full h-full object-cover" }) : (
+      // TODO: swap with favicon
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Logo, { className: "w-full h-full text-orange-500 dark:bg-neutral-800" })
+    ) : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-2xl text-white text-center", children: appName })
+  ] });
+}
+
+// src/ConnectWallet.tsx
+var import_tailwind_merge5 = require("tailwind-merge");
+var import_react5 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ConnectWallet() {
+  const userAccount = (0, import_wagmi2.useAccount)();
+  const { openConnectModal, connectModalOpen } = (0, import_rainbowkit2.useConnectModal)();
+  const [hasAutoOpened, setHasAutoOpened] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
+    if (!connectModalOpen && !hasAutoOpened) {
+      openConnectModal?.();
+      setHasAutoOpened(true);
+    }
+  }, [connectModalOpen, hasAutoOpened, openConnectModal]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      className: (0, import_tailwind_merge5.twMerge)("flex flex-col gap-6 p-6", "animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AppInfo, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "self-center flex flex-col gap-2 w-60", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          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
+var import_react10 = require("react");
+var import_tailwind_merge7 = require("tailwind-merge");
+
+// src/onboarding/common.ts
+var import_viem = require("viem");
+var minGasBalance = (0, import_viem.parseEther)("0.01");
+
+// src/onboarding/quarry/useAllowance.ts
+var import_wagmi3 = require("wagmi");
+var import_react_query2 = require("@tanstack/react-query");
+
+// src/quarry/getAllowance.ts
+var import_viem3 = require("viem");
+
+// src/quarry/common.ts
+var import_store = require("@latticexyz/store");
+var import_viem2 = require("viem");
+var paymasterAbi = (0, import_viem2.parseAbi)([
+  "error SpenderSystem_AlreadyRegistered(address spender, address user)",
+  "error SpenderSystem_HasOwnBalance(address spender)",
+  "function registerSpender(address spender)"
+]);
+var paymasterConfig = (0, import_store.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: []
+        }
+      }
+    }
+  }
+});
+var paymasterTables = paymasterConfig.namespaces.root.tables;
+
+// src/quarry/getAllowance.ts
+var import_internal = require("@latticexyz/store/internal");
+var import_internal2 = require("@latticexyz/protocol-parser/internal");
+var import_actions = require("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
+      };
+    }
+  }
+  if ("paymaster" in contracts && contracts.paymaster != null) {
+    if ("address" in contracts.paymaster) {
+      return {
+        type: "simple",
+        address: contracts.paymaster.address
+      };
+    }
+  }
+}
+
+// src/quarry/getAllowance.ts
+async function getAllowance({ client, userAddress }) {
+  const paymaster = getPaymaster(client.chain);
+  if (paymaster?.type !== "quarry") return null;
+  const record = await (0, import_internal.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 = (0, import_internal.getStaticDataLocation)(
+    paymasterTables.Allowance.tableId,
+    (0, import_internal2.getKeyTuple)(paymasterTables.Allowance, { user: userAddress })
+  );
+  await (0, import_actions.setStorageAt)(
+    client.extend(() => ({ mode: "anvil" })),
+    {
+      address: paymaster.address,
+      index: slot,
+      value: (0, import_viem3.numberToHex)(allowance, { size: 32 })
+    }
+  );
+}
+
+// src/onboarding/quarry/useAllowance.ts
+function getAllowanceQueryOptions({
+  client,
+  userAddress
+}) {
+  const queryKey = ["getAllowance", client?.chain.id, userAddress];
+  return (0, import_react_query2.queryOptions)(
+    client && userAddress ? {
+      queryKey,
+      queryFn: () => getAllowance({ client, userAddress })
+    } : { queryKey, enabled: false }
+  );
+}
+function useAllowance(userAddress) {
+  const { chainId } = useEntryKitConfig();
+  const client = (0, import_wagmi3.useClient)({ chainId });
+  return (0, import_react_query2.useQuery)(getAllowanceQueryOptions({ client, userAddress }));
+}
+
+// src/onboarding/quarry/useSpender.ts
+var import_wagmi4 = require("wagmi");
+var import_react_query3 = require("@tanstack/react-query");
+
+// src/onboarding/quarry/getSpender.ts
+var import_internal3 = require("@latticexyz/store/internal");
+async function getSpender({ client, userAddress, sessionAddress }) {
+  const paymaster = getPaymaster(client.chain);
+  if (paymaster?.type !== "quarry") return null;
+  const record = await (0, import_internal3.getRecord)(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 (0, import_react_query3.queryOptions)(
+    client && userAddress && sessionAddress ? {
+      queryKey,
+      queryFn: () => getSpender({ client, userAddress, sessionAddress })
+    } : { queryKey, enabled: false }
+  );
+}
+
+// src/onboarding/useDelegation.ts
+var import_wagmi5 = require("wagmi");
+var import_react_query4 = require("@tanstack/react-query");
+
+// src/onboarding/getDelegation.ts
+var import_internal4 = require("@latticexyz/store/internal");
+
+// src/common.ts
+var import_common3 = require("@latticexyz/common");
+var import_viem4 = require("viem");
+var import_mud = __toESM(require("@latticexyz/world/mud.config"), 1);
+var defaultClientConfig = {
+  pollingInterval: 250
+};
+var unlimitedDelegationControlId = (0, import_common3.resourceToHex)({ type: "system", namespace: "", name: "unlimited" });
+var worldTables = import_mud.default.namespaces.world.tables;
+var worldAbi = (0, import_viem4.parseAbi)([
+  "function registerDelegation(address delegatee, bytes32 delegationControlId, bytes initCallData)"
+]);
+
+// src/onboarding/getDelegation.ts
+async function getDelegation({ client, worldAddress, userAddress, sessionAddress }) {
+  const record = await (0, import_internal4.getRecord)(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 (0, import_react_query4.queryOptions)(
+    client && userAddress && sessionAddress ? {
+      queryKey,
+      queryFn: () => getDelegation({ client, worldAddress, userAddress, sessionAddress })
+    } : { queryKey, enabled: false }
+  );
+}
+
+// src/onboarding/usePrerequisites.ts
+var import_react_query6 = require("@tanstack/react-query");
+var import_wagmi7 = require("wagmi");
+
+// src/useSessionAccount.ts
+var import_wagmi6 = require("wagmi");
+var import_react_query5 = require("@tanstack/react-query");
+
+// src/getSessionAccount.ts
+var import_accounts2 = require("permissionless/accounts");
+
+// src/getSessionSigner.ts
+var import_viem5 = require("viem");
+
+// src/store.ts
+var import_vanilla2 = require("zustand/vanilla");
+var import_middleware = require("zustand/middleware");
+var store2 = (0, import_vanilla2.createStore)(
+  (0, import_middleware.persist)(
+    () => ({
+      signers: {}
+    }),
+    {
+      name: "mud:entrykit",
+      partialize: ({ signers }) => ({ signers })
+    }
+  )
+);
+function listener(event) {
+  if (event.key === store2.persist.getOptions().name) {
+    store2.persist.rehydrate();
+  }
+}
+window.addEventListener("storage", listener);
+
+// src/getSessionSigner.ts
+var import_accounts = require("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 = (0, import_viem5.isHex)(deprecatedPrivateKey) ? deprecatedPrivateKey : (0, import_accounts.generatePrivateKey)();
+    store2.setState((state) => ({
+      signers: {
+        ...state.signers,
+        [label]: privateKey
+      }
+    }));
+    return privateKey;
+  })();
+  return (0, import_accounts.privateKeyToAccount)(sessionSignerPrivateKey);
+}
+
+// src/getSessionAccount.ts
+async function getSessionAccount({
+  client,
+  userAddress
+}) {
+  const signer = getSessionSigner(userAddress);
+  const account = await (0, import_accounts2.toSimpleSmartAccount)({ client, owner: signer });
+  return account;
+}
+
+// src/useSessionAccount.ts
+function getSessionAccountQueryOptions({
+  client,
+  userAddress
+}) {
+  const queryKey = ["getSessionAccount", client?.chain.id, userAddress];
+  return (0, import_react_query5.queryOptions)(
+    client && userAddress ? {
+      queryKey,
+      queryFn: () => getSessionAccount({ client, userAddress }),
+      staleTime: Infinity
+    } : { queryKey, enabled: false }
+  );
+}
+function useSessionAccount(userAddress) {
+  const { chainId } = useEntryKitConfig();
+  const client = (0, import_wagmi6.useClient)({ chainId });
+  return (0, import_react_query5.useQuery)(getSessionAccountQueryOptions({ userAddress, client }));
+}
+
+// src/onboarding/usePrerequisites.ts
+var import_query = require("wagmi/query");
+function getPrequisitesQueryOptions({
+  queryClient,
+  config,
+  client,
+  userAddress,
+  worldAddress
+}) {
+  const queryKey = ["getPrerequisites", client?.chain.id, userAddress];
+  return (0, import_react_query6.queryOptions)(
+    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(
+            (0, import_query.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 = (0, import_react_query6.useQueryClient)();
+  const { chainId, worldAddress } = useEntryKitConfig();
+  const config = (0, import_wagmi7.useConfig)();
+  const client = (0, import_wagmi7.useClient)({ chainId });
+  const prereqs = (0, import_react_query6.useQuery)(
+    getPrequisitesQueryOptions({
+      config,
+      queryClient,
+      client,
+      userAddress,
+      worldAddress
+    }),
+    queryClient
+  );
+  return prereqs;
+}
+
+// src/onboarding/Wallet.tsx
+var import_wagmi8 = require("wagmi");
+
+// src/useENS.ts
+var import_react_query7 = require("@tanstack/react-query");
+function useENS(address) {
+  const normalizedAddress = address?.toLowerCase();
+  return (0, import_react_query7.useQuery)({
+    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
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function TruncatedHex({ hex }) {
+  if (hex.length <= 10) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { title: hex, children: hex });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { title: hex, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "after:select-none after:content-['\u2026']", children: hex.slice(0, 6) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "tracking-[-1ch] text-transparent", children: hex.slice(6, -4) }),
+    hex.slice(-4)
+  ] });
+}
+
+// src/onboarding/Wallet.tsx
+var import_react6 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Wallet({ isActive, isExpanded, userAddress }) {
+  const { data: ens, error: ensError } = useENS(userAddress);
+  (0, import_react6.useEffect)(() => {
+    if (ensError) {
+      console.log("Could not get ENS", ensError);
+    }
+  }, [ensError]);
+  const { disconnect, isPending: disconnectIsPending } = (0, import_wagmi8.useDisconnect)();
+  const { closeAccountModal } = useAccountModal();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: "Account" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "font-mono text-white", children: ens?.name ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TruncatedHex, { hex: userAddress }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        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__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm", children: "Each of your onchain actions in this app is associated with your account." }) : null
+  ] });
+}
+
+// src/onboarding/quarry/useClaimGasPass.ts
+var import_viem7 = require("viem");
+var import_react_query8 = require("@tanstack/react-query");
+
+// src/quarry/transports/quarryPassIssuer.ts
+var import_viem6 = require("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 (0, import_viem6.http)(url)({ chain, retryCount: 0 });
+  };
+}
+
+// src/debug.ts
+var import_debug = __toESM(require("debug"), 1);
+var debug = (0, import_debug.default)("mud:entrykit");
+var error = (0, import_debug.default)("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
+var import_wagmi9 = require("wagmi");
+function useClaimGasPass() {
+  const queryClient = (0, import_react_query8.useQueryClient)();
+  const { chain } = useEntryKitConfig();
+  const client = (0, import_wagmi9.useClient)({ chainId: chain.id });
+  const mutationKey = ["claimGasPass", chain.id];
+  return (0, import_react_query8.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: (0, import_viem7.parseEther)("1") });
+      } else {
+        await claimGasPass({ chain, userAddress });
+      }
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: ["getAllowance"] }),
+        queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] })
+      ]);
+    },
+    retry: 0
+  });
+}
+
+// src/icons/EthIcon.tsx
+var import_tailwind_merge6 = require("tailwind-merge");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function EthIcon({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 263 428",
+      fill: "currentColor",
+      className: (0, import_tailwind_merge6.twMerge)("w-[0.6em] h-[1em]", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M132 321V428L263 243L132 321Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M0 243L132 321V428", fillOpacity: "0.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M132 0V296L263 218" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M0 218L132 296V0L0 218Z", fillOpacity: "0.5" })
+      ]
+    }
+  );
+}
+
+// src/formatBalance.ts
+var import_viem8 = require("viem");
+function formatBalance(wei) {
+  const formatted = (0, import_viem8.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
+var import_viem9 = require("viem");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Balance({ wei }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "inline-flex items-center gap-1", title: (0, import_viem9.formatEther)(wei), children: [
+    formatBalance(wei),
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EthIcon, {})
+  ] });
+}
+
+// src/onboarding/quarry/Allowance.tsx
+var import_react7 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Allowance({ isActive, isExpanded, userAddress }) {
+  const allowance = useAllowance(userAddress);
+  const claimGasPass2 = useClaimGasPass();
+  (0, import_react7.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: "Allowance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "font-mono text-white", children: allowance.data != null ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Balance, { wei: allowance.data }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PendingIcon, { className: "text-sm" }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        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__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm", children: "Your allowance is used to pay for onchain computation." }) : null
+  ] });
+}
+
+// src/onboarding/useSetupSession.ts
+var import_viem11 = require("viem");
+var import_react_query9 = require("@tanstack/react-query");
+var import_utils3 = require("viem/utils");
+var import_account_abstraction = require("viem/account-abstraction");
+var import_actions4 = require("viem/actions");
+
+// src/utils/defineCall.ts
+function defineCall(call) {
+  return call;
+}
+
+// src/onboarding/useSetupSession.ts
+var import_wagmi10 = require("wagmi");
+var import_common10 = require("@latticexyz/common");
+var import_IBaseWorld_abi = __toESM(require("@latticexyz/world/out/IBaseWorld.sol/IBaseWorld.abi.json"), 1);
+
+// src/utils/callWithSignature.ts
+var import_actions3 = require("viem/actions");
+var import_utils2 = require("viem/utils");
+
+// src/utils/signCall.ts
+var import_viem10 = require("viem");
+var import_actions2 = require("viem/actions");
+var import_internal5 = require("@latticexyz/world-module-callwithsignature/internal");
+var import_internal6 = require("@latticexyz/store/internal");
+var import_mud2 = __toESM(require("@latticexyz/world-module-callwithsignature/mud.config"), 1);
+var import_common7 = require("@latticexyz/common");
+var import_utils = require("viem/utils");
+async function signCall({
+  userClient,
+  worldAddress,
+  systemId,
+  callData,
+  nonce: initialNonce,
+  client
+}) {
+  const nonce = initialNonce ?? (client ? (await (0, import_internal6.getRecord)(client, {
+    address: worldAddress,
+    table: import_mud2.default.tables.CallWithSignatureNonces,
+    key: { signer: userClient.account.address },
+    blockTag: "pending"
+  })).nonce : 0n);
+  const { namespace: systemNamespace, name: systemName } = (0, import_common7.hexToResource)(systemId);
+  return await (0, import_utils.getAction)(
+    userClient,
+    import_actions2.signTypedData,
+    "signTypedData"
+  )({
+    account: userClient.account,
+    domain: {
+      verifyingContract: worldAddress,
+      salt: (0, import_viem10.toHex)(userClient.chain.id, { size: 32 })
+    },
+    types: import_internal5.callWithSignatureTypes,
+    primaryType: "Call",
+    message: {
+      signer: userClient.account.address,
+      systemNamespace,
+      systemName,
+      callData,
+      nonce
+    }
+  });
+}
+
+// src/utils/callWithSignature.ts
+var import_CallWithSignatureSystem_abi = __toESM(require("@latticexyz/world-module-callwithsignature/out/CallWithSignatureSystem.sol/CallWithSignatureSystem.abi.json"), 1);
+async function callWithSignature({
+  sessionClient,
+  ...opts
+}) {
+  const signature = await signCall(opts);
+  return (0, import_utils2.getAction)(
+    sessionClient,
+    import_actions3.writeContract,
+    "writeContract"
+  )({
+    address: opts.worldAddress,
+    abi: import_CallWithSignatureSystem_abi.default,
+    functionName: "callWithSignature",
+    args: [opts.userClient.account.address, opts.systemId, opts.callData, signature]
+  });
+}
+
+// src/onboarding/useSetupSession.ts
+function useSetupSession({ userClient }) {
+  const queryClient = (0, import_react_query9.useQueryClient)();
+  const { chainId, worldAddress } = useEntryKitConfig();
+  const client = (0, import_wagmi10.useClient)({ chainId });
+  const mutationKey = ["setupSession", client?.chain.id, userClient.account.address];
+  return (0, import_react_query9.useMutation)({
+    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 (0, import_utils3.getAction)(userClient, import_account_abstraction.sendUserOperation, "sendUserOperation")({ calls });
+        console.log("got user op hash", hash);
+        const receipt = await (0, import_utils3.getAction)(
+          userClient,
+          import_account_abstraction.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: (0, import_common10.resourceToHex)({ type: "system", namespace: "", name: "SpenderSystem" }),
+            callData: (0, import_viem11.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: (0, import_common10.resourceToHex)({ type: "system", namespace: "", name: "Registration" }),
+            callData: (0, import_viem11.encodeFunctionData)({
+              abi: import_IBaseWorld_abi.default,
+              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 (0, import_utils3.getAction)(client, import_actions4.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
+var import_react9 = require("react");
+
+// src/useSessionClient.ts
+var import_wagmi11 = require("wagmi");
+var import_react_query10 = require("@tanstack/react-query");
+
+// src/getSessionClient.ts
+var import_permissionless = require("permissionless");
+var import_internal7 = require("@latticexyz/world/internal");
+
+// src/createBundlerClient.ts
+var import_account_abstraction2 = require("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 (0, import_account_abstraction2.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
+var import_actions7 = require("@latticexyz/common/actions");
+var import_viem14 = require("viem");
+var import_accounts3 = require("viem/accounts");
+
+// src/quarry/transports/userOpExecutor.ts
+var import_viem13 = require("viem");
+var import_account_abstraction5 = require("viem/account-abstraction");
+
+// src/quarry/transports/methods/estimateUserOperationGas.ts
+var import_account_abstraction3 = require("viem/account-abstraction");
+async function estimateUserOperationGas(_params) {
+  return (0, import_account_abstraction3.formatUserOperationRequest)({
+    callGasLimit: 20000000n,
+    preVerificationGas: 200000n,
+    verificationGasLimit: 2000000n,
+    paymasterVerificationGasLimit: 200000n,
+    paymasterPostOpGasLimit: 200000n
+  });
+}
+
+// src/quarry/transports/methods/sendUserOperation.ts
+var import_viem12 = require("viem");
+var import_account_abstraction4 = require("viem/account-abstraction");
+var import_actions5 = require("viem/actions");
+var import_utils4 = require("viem/utils");
+async function sendUserOperation2({
+  executor,
+  rpcUserOp
+}) {
+  const userOp = (0, import_account_abstraction4.formatUserOperation)(rpcUserOp);
+  const packedUserOp = (0, import_account_abstraction4.toPackedUserOperation)(userOp);
+  const userOpHash = (0, import_account_abstraction4.getUserOperationHash)({
+    userOperation: userOp,
+    chainId: executor.chain.id,
+    entryPointVersion: "0.7",
+    entryPointAddress: import_account_abstraction4.entryPoint07Address
+  });
+  const transactionHash = await (0, import_utils4.getAction)(
+    executor,
+    import_actions5.writeContract,
+    "writeContract"
+  )({
+    abi: import_account_abstraction4.entryPoint07Abi,
+    address: import_account_abstraction4.entryPoint07Address,
+    functionName: "handleOps",
+    args: [[packedUserOp], executor.account.address],
+    chain: executor.chain,
+    account: executor.account
+  });
+  const receipt = await (0, import_utils4.getAction)(
+    executor,
+    import_actions5.waitForTransactionReceipt,
+    "waitForTransactionReceipt"
+  )({ hash: transactionHash });
+  const parsedLogs = (0, import_viem12.parseEventLogs)({
+    logs: receipt.logs,
+    abi: import_account_abstraction4.entryPoint07Abi,
+    eventName: "UserOperationEvent"
+  });
+  return {
+    success: parsedLogs[0].args.success,
+    userOpHash,
+    receipt
+  };
+}
+
+// src/quarry/transports/userOpExecutor.ts
+var import_actions6 = require("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");
+      (0, import_actions6.setBalance)(
+        executor.extend(() => ({ mode: "anvil" })),
+        {
+          address: executor.account.address,
+          value: (0, import_viem13.parseEther)("100")
+        }
+      );
+    }
+    const receipts = /* @__PURE__ */ new Map();
+    const request = async ({ method, params }) => {
+      if (method === "eth_chainId") {
+        return (0, import_viem13.numberToHex)(executor.chain.id);
+      }
+      if (method === "eth_supportedEntryPoints") {
+        return [import_account_abstraction5.entryPoint07Address];
+      }
+      if (method === "eth_sendUserOperation") {
+        const [rpcUserOp, entrypoint] = params;
+        if (entrypoint === import_account_abstraction5.entryPoint07Address) {
+          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 (0, import_viem13.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 ? (0, import_viem14.http)(bundlerHttpUrl) : chain.id === 31337 ? userOpExecutor({
+    executor: (0, import_viem14.createClient)({
+      chain,
+      transport: (0, import_viem14.fallback)([(0, import_viem14.webSocket)(), (0, import_viem14.http)()]),
+      account: (0, import_accounts3.privateKeyToAccount)((0, import_viem14.keccak256)((0, import_viem14.stringToHex)("local user op executor"))),
+      pollingInterval: 10
+    }).extend((0, import_actions7.transactionQueue)())
+  }) : null;
+  if (!bundlerTransport) {
+    throw new Error(`Chain ${chain.id} config did not include a bundler RPC URL.`);
+  }
+  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(import_permissionless.smartAccountActions).extend((0, import_internal7.callFrom)({ worldAddress, delegatorAddress: userAddress, publicClient: client })).extend(() => ({ userAddress }));
+  return sessionClient;
+}
+
+// src/useSessionClient.ts
+var import_react8 = require("react");
+function getSessionClientQueryOptions({
+  sessionAccount,
+  client,
+  userAddress,
+  worldAddress
+}) {
+  const queryKey = ["getSessionClient", client?.uid, userAddress, sessionAccount?.address, worldAddress];
+  return (0, import_react_query10.queryOptions)(
+    client && userAddress && sessionAccount ? {
+      queryKey,
+      queryFn: () => getSessionClient({
+        sessionAccount,
+        client,
+        userAddress,
+        worldAddress
+      }),
+      staleTime: Infinity
+    } : { queryKey, enabled: false }
+  );
+}
+function useSessionClient(userAddress) {
+  const { chainId, worldAddress } = useEntryKitConfig();
+  const client = (0, import_wagmi11.useClient)({ chainId });
+  const { data: sessionAccount, error: sessionAccountError } = useSessionAccount(userAddress);
+  (0, import_react8.useEffect)(() => {
+    if (sessionAccountError) {
+      console.error("Could not get session account", sessionAccountError);
+    }
+  }, [sessionAccountError]);
+  return (0, import_react_query10.useQuery)(
+    getSessionClientQueryOptions({
+      sessionAccount,
+      userAddress,
+      client,
+      worldAddress
+    })
+  );
+}
+
+// src/onboarding/Session.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Session({ isActive, isExpanded, userClient, registerSpender, registerDelegation }) {
+  const sessionClient = useSessionClient(userClient.account.address);
+  const setup = useSetupSession({ userClient });
+  const hasSession = !registerDelegation && !registerDelegation;
+  (0, import_react9.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: "Session" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "font-mono text-white", children: hasSession ? "Enabled" : "Set up" })
+      ] }),
+      hasSession ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "tertiary", className: "flex-shrink-0 text-sm p-1 w-28", autoFocus: isActive, disabled: true, children: "Enabled" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        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__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm", children: "You can perform actions in this app without interruptions for approvals." }) : null
+  ] });
+}
+
+// src/onboarding/GasBalance.tsx
+var import_wagmi13 = require("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"
+  }
+};
+
+// src/onboarding/useSetBalance.ts
+var import_react_query11 = require("@tanstack/react-query");
+var import_actions8 = require("viem/actions");
+var import_wagmi12 = require("wagmi");
+function useSetBalance() {
+  const queryClient = (0, import_react_query11.useQueryClient)();
+  const { chainId } = useEntryKitConfig();
+  const client = (0, import_wagmi12.useClient)({ chainId });
+  return (0, import_react_query11.useMutation)({
+    mutationKey: ["setBalance", chainId],
+    onError: (error2) => console.error(error2),
+    mutationFn: async (params) => {
+      if (!client) return null;
+      await (0, import_actions8.setBalance)({ ...client, mode: "anvil" }, params);
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: ["balance"] }),
+        queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] })
+      ]);
+      return null;
+    },
+    retry: 0
+  });
+}
+
+// src/onboarding/GasBalance.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function GasBalance({ isActive, isExpanded, sessionAddress }) {
+  const { chain } = useEntryKitConfig();
+  const balance = (0, import_wagmi13.useBalance)({ chainId: chain.id, address: sessionAddress, query: { refetchInterval: 2e3 } });
+  const setBalance3 = useSetBalance();
+  const relayChain = relayChains_default[chain.id];
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: "Gas balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "font-mono text-white", children: balance.data != null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Balance, { wei: balance.data.value }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PendingIcon, { className: "text-sm" }) })
+      ] }),
+      chain.id === 31337 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        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__ */ (0, import_jsx_runtime16.jsx)(
+          "a",
+          {
+            href: `${relayChain.bridgeUrl}?${new URLSearchParams({ toAddress: sessionAddress })}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              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__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm", children: "Your session's gas balance is used to pay for onchain computation." }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-sm", children: [
+        "Send funds to",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-mono text-white", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TruncatedHex, { hex: sessionAddress }) }),
+        " ",
+        "on ",
+        chain.name,
+        " to top up your session balance."
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/onboarding/ConnectedSteps.tsx
+var import_jsx_runtime17 = require("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);
+  (0, import_react10.useEffect)(() => {
+    if (prerequisitesError) {
+      console.error("Could not get prerequisites", prerequisitesError);
+    }
+  }, [prerequisitesError]);
+  const { closeAccountModal } = useAccountModal();
+  const isNewConnection = userAddress !== initialUserAddress;
+  const initialPrerequisites = (0, import_react10.useRef)(prerequisites);
+  (0, import_react10.useEffect)(() => {
+    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 = (0, import_react10.useMemo)(() => {
+    if (!userAddress) {
+      return [
+        {
+          id: "wallet",
+          isComplete: false,
+          content: () => null
+        }
+      ];
+    }
+    const steps2 = [
+      {
+        id: "wallet",
+        isComplete: true,
+        content: (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Wallet, { ...props, userAddress })
+      }
+    ];
+    if (!paymaster) {
+      if (sessionAddress != null) {
+        steps2.push({
+          id: "gasBalance",
+          isComplete: !!hasGasBalance,
+          content: (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(GasBalance, { ...props, sessionAddress })
+        });
+      }
+    } else if (paymaster.type === "quarry") {
+      steps2.push({
+        id: "allowance",
+        isComplete: !!hasAllowance,
+        content: (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Allowance, { ...props, userAddress })
+      });
+    }
+    steps2.push({
+      id: "session",
+      isComplete: !!isSpender && !!hasDelegation,
+      content: (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Session, { ...props, userClient, registerSpender: !isSpender, registerDelegation: !hasDelegation })
+    });
+    return steps2;
+  }, [hasAllowance, hasDelegation, hasGasBalance, isSpender, paymaster, sessionAddress, userAddress, userClient]);
+  const [selectedStepId] = (0, import_react10.useState)(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__ */ (0, import_jsx_runtime17.jsx)(
+    "div",
+    {
+      className: (0, import_tailwind_merge7.twMerge)(
+        // 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__ */ (0, import_jsx_runtime17.jsx)("div", { className: (0, import_tailwind_merge7.twMerge)("py-8 flex flex-col justify-center", isActive ? "flex-grow" : null), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: (0, import_tailwind_merge7.twMerge)("flex flex-col", isDisabled ? "opacity-30 pointer-events-none" : null), children: step.content({ isActive, isExpanded }) }) }, step.id);
+      })
+    }
+  );
+}
+
+// src/AccountModalContent.tsx
+var import_react11 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function AccountModalContent() {
+  const { chainId } = useEntryKitConfig();
+  const userClient = (0, import_wagmi14.useConnectorClient)({ chainId });
+  const { address: userAddress } = (0, import_wagmi14.useAccount)();
+  const initialUserAddress = (0, import_react11.useRef)(userAddress);
+  if (userClient.status !== "success") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ConnectWallet, {});
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ConnectedSteps, { userClient: userClient.data, initialUserAddress: initialUserAddress.current });
+}
+
+// src/AccountModalErrorBoundary.tsx
+var import_react12 = require("react");
+var import_react_error_boundary = require("react-error-boundary");
+
+// src/ErrorNotice.tsx
+var import_tailwind_merge8 = require("tailwind-merge");
+var import_viem15 = require("viem");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function ErrorNotice({ title: initialTitle, error: error2 }) {
+  if (!error2) return null;
+  if (error2 instanceof import_viem15.BaseError && error2.walk((e) => e instanceof import_viem15.UserRejectedRequestError) != null) {
+    return null;
+  }
+  const title = initialTitle ?? "Error";
+  const message = typeof error2 === "string" ? error2 : error2 instanceof Error ? String(error2) : "Something unexpected happened.";
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "div",
+    {
+      className: (0, import_tailwind_merge8.twMerge)(
+        "text-sm border-l-4 border-red-500",
+        "bg-red-100 text-red-900",
+        "dark:bg-red-900 dark:text-red-50"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "p-3 font-semibold", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "px-3 whitespace-break-spaces break-all max-h-32 overflow-y-scroll", children: message })
+      ]
+    }
+  );
+}
+
+// src/AccountModalErrorBoundary.tsx
+var import_utils5 = require("@latticexyz/common/utils");
+var import_tailwind_merge9 = require("tailwind-merge");
+var import_usehooks_ts3 = require("usehooks-ts");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function AccountModalErrorBoundary({ children }) {
+  const isMounted = (0, import_usehooks_ts3.useIsMounted)();
+  const [retries, setRetries] = (0, import_react12.useState)(1);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_error_boundary.ErrorBoundary,
+    {
+      fallbackRender: ({ error: error2, resetErrorBoundary }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_tailwind_merge9.twMerge)("flex-grow flex flex-col justify-center p-5 gap-2"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorNotice, { error: error2 instanceof Error ? error2.stack ?? error2.message : error2 }),
+        retries > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: async (event) => {
+              event.currentTarget.ariaBusy = "true";
+              await (0, import_utils5.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__ */ (0, import_jsx_runtime20.jsx)(PendingIcon, { className: "transition opacity-0 group-aria-busy:opacity-100 text-xs text-neutral-500 dark:text-neutral-400" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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
+var import_react_dialog2 = require("@radix-ui/react-dialog");
+
+// src/icons/IconSVG.tsx
+var import_tailwind_merge10 = require("tailwind-merge");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function IconSVG({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      className: (0, import_tailwind_merge10.twMerge)("-my-[0.125em] h-[1.25em] w-[1.25em]", className),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/icons/CloseIcon.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function CloseIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSVG, { strokeWidth: "2", stroke: "currentColor", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "path",
+    {
+      d: "M6 18L18 6M6 6L18 18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+// src/AccountModal.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function AccountModal() {
+  const { accountModalOpen, toggleAccountModal } = useAccountModal();
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_dialog2.DialogTitle, { className: "sr-only", children: "Connect with EntryKit" }),
+    accountModalOpen ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      "div",
+      {
+        className: (0, import_tailwind_merge11.twMerge)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(AccountModalErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AccountModalContent, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            "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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "block w-4 h-4", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Logo, { className: "w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Powered by MUD" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_react_dialog2.DialogClose,
+            {
+              className: (0, import_tailwind_merge11.twMerge)(
+                "pointer-events-auto leading-none p-2 transition",
+                "text-neutral-700 hover:text-neutral-500"
+              ),
+              title: "Close",
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CloseIcon, { className: "m-0" })
+            }
+          ) })
+        ]
+      }
+    ) : null
+  ] });
+}
+
+// src/EntryKitProvider.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function EntryKitProvider({ config, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(EntryKitConfigProvider, { config, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AccountModal, {})
+  ] });
+}
+
+// src/AccountButton.tsx
+var import_wagmi15 = require("wagmi");
+var import_tailwind_merge13 = require("tailwind-merge");
+
+// src/AccountName.tsx
+var import_tailwind_merge12 = require("tailwind-merge");
+var import_react13 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function AccountName({ address }) {
+  const { data: ens, error: ensError } = useENS(address);
+  const avatar = usePreloadImage(ens?.avatar);
+  (0, import_react13.useEffect)(() => {
+    if (ensError) {
+      console.log("Could not get ENS", ensError);
+    }
+  }, [ensError]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "img",
+        {
+          src: ens?.avatar && avatar.isSuccess ? ens.avatar : void 0,
+          className: (0, import_tailwind_merge12.twMerge)(
+            "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__ */ (0, import_jsx_runtime25.jsx)(
+        Logo,
+        {
+          className: (0, import_tailwind_merge12.twMerge)(
+            "col-start-1 row-start-1 text-orange-500",
+            "transition duration-300",
+            ens && (!ens.avatar || avatar.isError) ? "opacity-100" : "opacity-0"
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "flex-grow", children: ens?.name ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TruncatedHex, { hex: address }) })
+  ] });
+}
+
+// src/AccountButton.tsx
+var import_react14 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var containerClassNames = (0, import_tailwind_merge13.twMerge)(
+  "w-48 p-3 inline-flex outline-none transition",
+  "border border-transparent",
+  "text-base leading-none"
+);
+var secondaryClassNames = (0, import_tailwind_merge13.twMerge)(
+  "bg-neutral-100 border-neutral-300 text-black",
+  "dark:bg-neutral-800 dark:border-neutral-700 dark:text-white"
+);
+var secondaryInteractiveClassNames = (0, import_tailwind_merge13.twMerge)(
+  "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 } = (0, import_wagmi15.useAccount)();
+  const initialUserAddress = (0, import_react14.useRef)(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__ */ (0, import_jsx_runtime26.jsx)(Shadow, { mode: "child", children: isSignedIn ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "button",
+    {
+      type: "button",
+      className: (0, import_tailwind_merge13.twMerge)(containerClassNames, secondaryClassNames, secondaryInteractiveClassNames),
+      onClick: openAccountModal,
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "flex-grow inline-flex gap-2.5 items-center text-left font-medium", children: userAddress ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AccountName, { address: userAddress }) : null })
+    },
+    "connected"
+  ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: (0, import_tailwind_merge13.twMerge)(
+        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__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "pointer-events-none inline-grid place-items-center -ml-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "span",
+            {
+              className: (0, import_tailwind_merge13.twMerge)(
+                "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__ */ (0, import_jsx_runtime26.jsx)(Logo, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "span",
+            {
+              "aria-hidden": true,
+              className: (0, import_tailwind_merge13.twMerge)(
+                "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__ */ (0, import_jsx_runtime26.jsx)(PendingIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-medium", children: buttonLabel })
+      ]
+    },
+    "sign in"
+  ) });
+}
+
+// src/useSessionClientReady.ts
+var import_wagmi16 = require("wagmi");
+function useSessionClientReady() {
+  const { chainId } = useEntryKitConfig();
+  const userClient = (0, import_wagmi16.useConnectorClient)({ 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
+var import_rainbowkit4 = require("@rainbow-me/rainbowkit");
+var import_wagmi17 = require("wagmi");
+
+// src/getWallets.ts
+var import_rainbowkit3 = require("@rainbow-me/rainbowkit");
+function getWallets(_config) {
+  const { wallets: defaultWallets } = (0, import_rainbowkit3.getDefaultWallets)();
+  return [
+    // TODO: passkey wallet
+    ...defaultWallets
+  ];
+}
+
+// src/createWagmiConfig.ts
+function createWagmiConfig(config) {
+  const wallets = getWallets(config);
+  const connectors = (0, import_rainbowkit4.connectorsForWallets)(wallets, {
+    appName: config.appName,
+    projectId: config.walletConnectProjectId
+  });
+  return (0, import_wagmi17.createConfig)({
+    connectors,
+    chains: config.chains,
+    transports: config.transports,
+    pollingInterval: config.pollingInterval
+  });
+}
+
+// src/getConnectors.ts
+var import_rainbowkit5 = require("@rainbow-me/rainbowkit");
+function getConnectors({
+  wallets,
+  ...config
+}) {
+  return (0, import_rainbowkit5.connectorsForWallets)(wallets ?? getWallets(config), {
+    appName: config.appName,
+    projectId: config.walletConnectProjectId
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountButton,
+  EntryKitProvider,
+  createWagmiConfig,
+  defineConfig,
+  getConnectors,
+  getWallets,
+  useAccountModal,
+  useEntryKitConfig,
+  useSessionClient
+});
+//# sourceMappingURL=internal.cjs.map