@latticexyz/entrykit 2.2.18-90aac1d4acce19ac592d47a090732dd11c1c3e7a → 2.2.18-9fa07c8489f1fbf167d0db01cd9aaa645a29c8e2

package/dist/tsup/exports/internal.js

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