npm - @latticexyz/entrykit - Versions diffs - 2.2.18-f0433092876e2ac9b5b12cd0ecae9c120a2d0368 → 2.2.19-900ac35deebfa260bafb1697d15e95eef855cd69 - Mend

@latticexyz/entrykit 2.2.18-f0433092876e2ac9b5b12cd0ecae9c120a2d0368 → 2.2.19-900ac35deebfa260bafb1697d15e95eef855cd69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/tsup/bin/deploy.js +116 -8
package/dist/tsup/bin/deploy.js.map +1 -1
package/dist/tsup/exports/internal.js +2339 -1382
package/dist/tsup/exports/internal.js.map +1 -1
package/package.json +8 -8

package/dist/tsup/exports/internal.js CHANGED Viewed

@@ -1,1398 +1,2355 @@
-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 ir,DialogPortal as sr,DialogContent as lr}from"@radix-ui/react-dialog";import{forwardRef as Jt,useEffect as er,useRef as Re,useState as Ee}from"react";import tr from"react-dom";var Ce=`*, ::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.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.bottom-0 {\n  bottom: 0px;\n}\n\n.left-0 {\n  left: 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.-mt-2 {\n  margin-top: -0.5rem;\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.hidden {\n  display: none;\n}\n\n.h-12 {\n  height: 3rem;\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-64 {\n  height: 16rem;\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-full {\n  max-height: 100%;\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-24 {\n  width: 6rem;\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-y-2 {\n  --tw-translate-y: -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.-translate-y-4 {\n  --tw-translate-y: -1rem;\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.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.translate-y-0 {\n  --tw-translate-y: 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.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.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\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-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-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-clip {\n  overflow: clip;\n}\n\n.whitespace-pre-wrap {\n  white-space: pre-wrap;\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-neutral-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(212 212 212 / 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-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(29 78 216 / var(--tw-bg-opacity));\n}\n\n.bg-blue-700\\/60 {\n  background-color: rgb(29 78 216 / 0.6);\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-gradient-to-b {\n  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));\n}\n\n.from-transparent {\n  --tw-gradient-from: transparent var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n\n.to-blue-700 {\n  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);\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-6 {\n  padding: 1.5rem;\n}\n\n.p-\\[\\.75em\\] {\n  padding: .75em;\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.pb-8 {\n  padding-bottom: 2rem;\n}\n\n.pt-8 {\n  padding-top: 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-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\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-bold {\n  font-weight: 700;\n}\n\n.font-medium {\n  font-weight: 500;\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-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / 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.text-white\\/20 {\n  color: rgb(255 255 255 / 0.2);\n}\n\n.text-white\\/80 {\n  color: rgb(255 255 255 / 0.8);\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-blue-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\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-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:text-white\\/40:hover {\n  color: rgb(255 255 255 / 0.4);\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.aria-busy\\:pointer-events-none[aria-busy="true"] {\n  pointer-events: none;\n}\n\n.aria-busy\\:bg-blue-500[aria-busy="true"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\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[aria-busy="true"] .group-aria-busy\\:inline {\n  display: inline;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:hidden {\n  display: none;\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-white\\/10:where([data-theme="dark"], [data-theme="dark"] *) {\n  background-color: rgb(255 255 255 / 0.1);\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';
+// 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";
+// src/getBundlerTransport.ts
+import { transactionQueue } from "@latticexyz/common/actions";
+import { createClient, fallback, http, keccak256, stringToHex, webSocket } from "viem";
+import { privateKeyToAccount } from "viem/accounts";
+// src/quarry/transports/userOpExecutor.ts
+import {
+  createTransport,
+  numberToHex,
+  parseEther
+} 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, writeContract } from "viem/actions";
+import { getAction } from "viem/utils";
+async function sendUserOperation({
+  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 getAction(
+    executor,
+    writeContract,
+    "writeContract"
+  )({
+    abi: entryPoint07Abi,
+    address: entryPoint07Address,
+    functionName: "handleOps",
+    args: [[packedUserOp], executor.account.address],
+    chain: executor.chain,
+    account: executor.account
+  });
+  const receipt = await getAction(
+    executor,
+    waitForTransactionReceipt,
+    "waitForTransactionReceipt"
+  )({ hash: transactionHash });
+  const parsedLogs = parseEventLogs({
+    logs: receipt.logs,
+    abi: entryPoint07Abi,
+    eventName: "UserOperationEvent"
+  });
+  return {
+    success: parsedLogs[0].args.success,
+    userOpHash,
+    receipt
+  };
+}
+// 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/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: parseEther("100")
+        }
+      );
+    }
+    const receipts = /* @__PURE__ */ new Map();
+    const request = async ({ method, params }) => {
+      if (method === "eth_chainId") {
+        return numberToHex(executor.chain.id);
+      }
+      if (method === "eth_supportedEntryPoints") {
+        return [entryPoint07Address2];
+      }
+      if (method === "eth_sendUserOperation") {
+        const [rpcUserOp, entrypoint] = params;
+        if (entrypoint === entryPoint07Address2) {
+          const result = await sendUserOperation({ 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 ? http(bundlerHttpUrl) : chain.id === 31337 ? userOpExecutor({
+    executor: createClient({
+      chain,
+      transport: fallback([webSocket(), http()]),
+      account: privateKeyToAccount(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.`);
   }
-}
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
+  return bundlerTransport;
+}
+// src/EntryKitConfigProvider.tsx
+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}.`);
+  getBundlerTransport(chain);
+  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 twMerge10 } 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 as parseEther2 } from "viem";
+var minGasBalance = parseEther2("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 as numberToHex2 } 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: 1024px) {
-  .container {
-    max-width: 1024px;
+});
+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: 1280px) {
-  .container {
-    max-width: 1280px;
+  if ("paymaster" in contracts && contracts.paymaster != null) {
+    if ("address" in contracts.paymaster) {
+      return {
+        type: "simple",
+        address: contracts.paymaster.address
+      };
+    }
   }
 }
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
+// 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: numberToHex2(allowance, { size: 32 })
+    }
+  );
+}
+// src/onboarding/quarry/useAllowance.ts
+function getAllowanceQueryOptions({
+  client,
+  userAddress
+}) {
+  const queryKey = ["getAllowance", client?.uid, 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?.uid, 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?.uid, 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();
   }
 }
-.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 as privateKeyToAccount2 } 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 privateKeyToAccount2(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?.uid, userAddress];
+  return queryOptions4(
+    client && userAddress ? {
+      queryKey,
+      queryFn: () => getSessionAccount({ client, userAddress }),
+      staleTime: Infinity,
+      // TODO: replace with function to retry only connection errors
+      retry: false
+    } : { queryKey, enabled: false }
+  );
+}
+// src/onboarding/usePrerequisites.ts
+import { getBalanceQueryOptions } from "wagmi/query";
+function getPrequisitesQueryOptions({
+  queryClient,
+  config,
+  client,
+  userAddress,
+  worldAddress
+}) {
+  const queryKey = ["getPrerequisites", client?.uid, userAddress];
+  return queryOptions5(
+    client && userAddress ? {
+      queryKey,
+      async queryFn() {
+        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,
+          // we intentionally don't enforce an allowance/gas balance here
+          complete: isSpender && hasDelegation
+        };
+      },
+      retry: false
+    } : { queryKey, enabled: false }
+  );
+}
+function usePrerequisites(userAddress) {
+  const queryClient = useQueryClient();
+  const config = useConfig();
+  const { chainId, worldAddress } = useEntryKitConfig();
+  const client = useClient5({ chainId });
+  const prereqs = useQuery6(
+    getPrequisitesQueryOptions({
+      queryClient,
+      config,
+      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/errors/store.ts
+import { findCause } from "@latticexyz/common";
+import { createStore as createStore3 } from "zustand/vanilla";
+var store3 = createStore3(() => ({
+  lastId: 0,
+  errors: []
+}));
+function addError({
+  error: error2,
+  retry,
+  dismiss
+}) {
+  if (findCause(error2, ({ name }) => name === "UserRejectedRequestError")) {
+    return;
   }
-}
-@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));
+  store3.setState((state) => {
+    if (state.errors.some((e) => e.error === error2)) {
+      return {};
+    }
+    const id = state.lastId + 1;
+    return {
+      lastId: id,
+      errors: [
+        ...state.errors,
+        {
+          id,
+          error: error2,
+          dismiss: dismiss ? () => {
+            removeError(error2);
+            dismiss();
+          } : void 0,
+          retry: retry ? async () => {
+            removeError(error2);
+            await retry();
+          } : void 0
+        }
+      ]
+    };
+  });
+  return () => {
+    removeError(error2);
+  };
+}
+function removeError(error2) {
+  store3.setState((state) => ({
+    errors: state.errors.filter((e) => e.error !== error2)
+  }));
+}
+// src/errors/useShowMutationError.ts
+import { useEffect as useEffect3 } from "react";
+function useShowMutationError(result) {
+  const { error: error2, reset } = result;
+  useEffect3(() => {
+    if (!error2) return;
+    return addError({ error: error2, dismiss: reset });
+  }, [error2, reset]);
+  return result;
+}
+// src/onboarding/Wallet.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function Wallet({ isActive, isExpanded, userAddress }) {
+  const { data: ens } = useENS(userAddress);
+  const { disconnect, isPending: disconnectIsPending } = useShowMutationError(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 parseEther3 } from "viem";
+import { useMutation, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+// src/quarry/transports/quarryPassIssuer.ts
+import { http as http2 } 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 http2(url)({ chain, retryCount: 0 });
+  };
+}
+// 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({
+    retry: 0,
+    mutationKey,
+    mutationFn: async (userAddress) => {
+      if (chain.id === 31337) {
+        if (!client) throw new Error("No client?");
+        await setAllowanceSlot({ client, userAddress, allowance: parseEther3("1") });
+      } else {
+        await claimGasPass({ chain, userAddress });
+      }
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: ["getAllowance"] }),
+        queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] })
+      ]);
+    }
+  });
+}
+// 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 useEffect5 } from "react";
+// src/errors/useShowQueryError.ts
+import { useEffect as useEffect4 } from "react";
+function useShowQueryError(result) {
+  const { error: error2, refetch } = result;
+  useEffect4(() => {
+    if (!error2) return;
+    return addError({ error: error2, retry: refetch, dismiss: () => {
+    } });
+  }, [error2, refetch]);
+  return result;
+}
+// src/onboarding/quarry/Allowance.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function Allowance({ isActive, isExpanded, userAddress }) {
+  const allowance = useShowQueryError(useAllowance(userAddress));
+  const claimGasPass2 = useShowMutationError(useClaimGasPass());
+  useEffect5(() => {
+    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 getAction4 } from "viem/utils";
+import { sendUserOperation as sendUserOperation2, waitForUserOperationReceipt } from "viem/account-abstraction";
+import { waitForTransactionReceipt as waitForTransactionReceipt2 } 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 getAction3 } 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 as getAction2 } 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 getAction2(
+    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 getAction3(
+    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({
+    retry: 0,
+    mutationKey,
+    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 getAction4(userClient, sendUserOperation2, "sendUserOperation")({ calls });
+        console.log("got user op hash", hash);
+        const receipt = await getAction4(
+          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 getAction4(client, waitForTransactionReceipt2, "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"] })
+      ]);
+    }
+  });
+}
+// 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,
+  useQueryClient as useQueryClient4
+} 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";
+import { getAction as getAction5 } from "viem/utils";
+import { estimateFeesPerGas } from "viem/actions";
+function createBundlerClient(config) {
+  const client = config.client;
+  if (!client) throw new Error("No `client` provided to `createBundlerClient`.");
+  const chain = config.chain ?? client.chain;
+  const paymaster = chain ? getPaymaster(chain) : void 0;
+  return viem_createBundlerClient({
+    ...defaultClientConfig,
+    paymaster: paymaster ? {
+      getPaymasterData: async () => ({
+        paymaster: paymaster.address,
+        paymasterData: "0x"
+      })
+    } : void 0,
+    userOperation: {
+      estimateFeesPerGas: createFeeEstimator(client)
+    },
+    ...config
+  });
+}
+function createFeeEstimator(client) {
+  if (!client.chain) return;
+  if (client.chain.id === 31337) {
+    return async () => ({ maxFeePerGas: 100000n, maxPriorityFeePerGas: 0n });
   }
-}
-.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;
+  if ([690, 17069, 17420].includes(client.chain.id)) {
+    return () => getAction5(client, estimateFeesPerGas, "estimateFeesPerGas")({ chain: client.chain });
   }
 }
-.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));
-}
-.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/getSessionClient.ts
+async function getSessionClient({
+  userAddress,
+  sessionAccount,
+  worldAddress
+}) {
+  const client = sessionAccount.client;
+  if (!clientHasChain(client)) {
+    throw new Error("Session account client had no associated chain.");
   }
-}
-.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 rr}from"usehooks-ts";import{mergeRefs as or}from"react-merge-refs";import{createContext as Vt,useContext as Wt}from"react";import{jsx as _t}from"react/jsx-runtime";var ke=Vt(null);function Se({frame:e,children:t}){if(Wt(ke))throw new Error("`FrameProvider` can only be used once.");return _t(ke.Provider,{value:{frame:e},children:t})}import{useMediaQuery as Zt}from"usehooks-ts";import"@rainbow-me/rainbowkit/styles.css";import{createContext as Yt,useContext as Pe}from"react";import{RainbowKitProvider as Xt,midnightTheme as jt}from"@rainbow-me/rainbowkit";import{useChains as $t}from"wagmi";import{jsx as Ae}from"react/jsx-runtime";var ae=Yt(null);function Ue({config:e,children:t}){if(Pe(ae))throw new Error("`EntryKitProvider` can only be used once.");let n=$t().find(({id:a})=>a===e.chainId);if(!n)throw new Error(`Could not find configured chain for chain ID ${e.chainId}.`);return Ae(Xt,{initialChain:0,appInfo:{appName:e.appName},theme:jt({borderRadius:"none"}),children:Ae(ae.Provider,{value:{...e,chain:n},children:t})})}function l(){let e=Pe(ae);if(!e)throw new Error("`useEntryKitConfig` can only be used within a `EntryKitProvider`.");return e}function Ne(){let{theme:e}=l(),t=Zt("(prefers-color-scheme: dark)");return e??(t?"dark":"light")}import{jsx as O,jsxs as ar}from"react/jsx-runtime";function nr({onSize:e,...t}){let r=Re(null);return rr({ref:r,onResize:e}),O("div",{ref:r,...t,style:{...t.style,display:"inline-grid"}})}var Q=Jt(function({mode:t,children:r},o){let n=Re(null),[a,i]=Ee(!1),s=a?n.current:null,[c,g]=Ee({width:void 0,height:void 0}),m=s?.contentDocument,d=Ne();er(()=>{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:or([o,n]),style:p,onLoad:()=>i(!0),srcDoc:"<!doctype html><title>\u2026</title>",children:m?tr.createPortal(ar(Se,{frame:s,children:[O("div",{children:t==="modal"?r:O(nr,{onSize:g,children:r})}),O("style",{dangerouslySetInnerHTML:{__html:Ce}})]}),m.body):null})});import{twMerge as Te}from"tailwind-merge";import{jsx as E,jsxs as dr}from"react/jsx-runtime";function Me({open:e,onOpenChange:t,children:r}){return E(ir,{open:e,onOpenChange:t,children:E(sr,{children:dr(Q,{mode:"modal",children:[E("div",{className:Te("fixed inset-0","bg-neutral-800/85","animate-in animate-duration-300 fade-in")}),E("div",{className:Te("fixed inset-0","grid items-end sm:items-center","animate-in animate-duration-300 fade-in slide-in-from-bottom-16"),children:E("div",{children:E(lr,{className:"outline-none w-full max-w-[26rem] mx-auto","aria-describedby":void 0,onOpenAutoFocus:o=>{o.preventDefault()},children:r})})})]})})})}import{useCallback as ie,useMemo as cr}from"react";import{useStore as pr}from"zustand";import{createStore as mr}from"zustand/vanilla";var V=mr(()=>({open:!1}));function v(){let e=pr(V,n=>n.open),t=ie(()=>{V.setState({open:!0})},[]),r=ie(()=>{V.setState({open:!1})},[]),o=ie(n=>{V.setState({open:n})},[]);return cr(()=>({accountModalOpen:e,openAccountModal:t,closeAccountModal:r,toggleAccountModal:o}),[e,t,r,o])}import{twMerge as It}from"tailwind-merge";import{useAccount as En,useConnectorClient as Rn}from"wagmi";import{useAccount as vr}from"wagmi";import{twMerge as q}from"tailwind-merge";import{twMerge as ur}from"tailwind-merge";import{jsx as Ie,jsxs as gr}from"react/jsx-runtime";function b({className:e,...t}){return gr("svg",{className:ur("-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:[Ie("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),Ie("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 hr}from"react/jsx-runtime";var fr=({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(fr({variant:t,pending:e}),o),"aria-busy":e,"aria-disabled":a,disabled:a||e,...i,children:hr("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 Cr}from"@rainbow-me/rainbowkit";import{twMerge as yr}from"tailwind-merge";import{jsx as se,jsxs as br}from"react/jsx-runtime";function S({className:e,...t}){return br("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 8 8",fill:"currentColor",shapeRendering:"crispEdges",className:yr("-my-[0.125em] h-[1.25em] w-[1.25em]",e),...t,children:[se("path",{d:"M0 0h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm2-1h1v1H7zm0 1h1v1H7zM6 7h1v1H6zm1-2h1v1H7zm0-1h1v1H7zm0-1h1v1H7z"}),se("path",{d:"M2 2h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm1-3h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm0 1h1v1H5zm0 1h1v1H5zm0 1h1v1H5zM4 5h1v1H4zM3 5h1v1H3z",opacity:".5"}),se("path",{d:"M7 2h1v1H7zm0-1h1v1H7zM1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm1 0h1v1H6zm1 0h1v1H7z"})]})}import{useQuery as wr}from"@tanstack/react-query";function W(e){return wr({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 _,jsxs as xr}from"react/jsx-runtime";function He(){let{appName:e,appIcon:t}=l(),{data:r,isLoading:o}=W(t);return xr("div",{className:"flex-grow flex flex-col items-center justify-center gap-2",children:[_("div",{className:"w-16 h-16 m-2",children:o?null:r?_("img",{src:t,className:"w-full h-full object-cover"}):_(S,{className:"w-full h-full text-orange-500 dark:bg-neutral-800"})}),_("div",{className:"text-2xl text-white text-center",children:e})]})}import{twMerge as kr}from"tailwind-merge";import{useEffect as Sr,useState as Ar}from"react";import{jsx as Y,jsxs as Pr}from"react/jsx-runtime";function Oe(){let e=vr(),{openConnectModal:t,connectModalOpen:r}=Cr(),[o,n]=Ar(!1);return Sr(()=>{!r&&!o&&(t?.(),n(!0))},[r,o,t]),Pr("div",{className:kr("flex flex-col gap-6 p-6","animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),children:[Y("div",{className:"p-4",children:Y(He,{})}),Y("div",{className:"self-center flex flex-col gap-2 w-60",children:Y(y,{variant:"secondary",className:"self-auto flex justify-center",disabled:e.status==="connecting",onClick:t,autoFocus:!0,children:"Connect wallet"},"create")})]})}import{useEffect as Ct,useMemo as Pn,useRef as Un,useState as Nn}from"react";import{twMerge as be}from"tailwind-merge";import{parseEther as Ur}from"viem";var P=Ur("0.01");import{useClient as zr}from"wagmi";import{queryOptions as qr,useQuery as Br}from"@tanstack/react-query";import{numberToHex as Tr}from"viem";import{defineStore as Nr}from"@latticexyz/store";import{parseAbi as Er}from"viem";var le=Er(["error SpenderSystem_AlreadyRegistered(address spender, address user)","error SpenderSystem_HasOwnBalance(address spender)","function registerSpender(address spender)"]),Rr=Nr({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:[]}}}}}),R=Rr.namespaces.root.tables;import{getRecord as Mr,getStaticDataLocation as Ir}from"@latticexyz/store/internal";import{getKeyTuple as Hr}from"@latticexyz/protocol-parser/internal";import{setStorageAt as Or}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 ze({client:e,userAddress:t}){let r=h(e.chain);return r?.type!=="quarry"?null:(await Mr(e,{address:r.address,table:R.Allowance,key:{user:t},blockTag:"pending"})).allowance}async function qe({client:e,userAddress:t,allowance:r}){let o=h(e.chain);if(o?.type!=="quarry")return;let n=Ir(R.Allowance.tableId,Hr(R.Allowance,{user:t}));await Or(e.extend(()=>({mode:"anvil"})),{address:o.address,index:n,value:Tr(r,{size:32})})}function de({client:e,userAddress:t}){let r=["getAllowance",e?.chain.id,t];return qr(e&&t?{queryKey:r,queryFn:()=>ze({client:e,userAddress:t})}:{queryKey:r,enabled:!1})}function Be(e){let{chainId:t}=l(),r=zr({chainId:t});return Br(de({client:r,userAddress:e}))}import{useClient as Di}from"wagmi";import{queryOptions as Fr,useQuery as Qi}from"@tanstack/react-query";import{getRecord as Lr}from"@latticexyz/store/internal";async function Le({client:e,userAddress:t,sessionAddress:r}){let o=h(e.chain);return o?.type!=="quarry"?null:(await Lr(e,{address:o.address,table:R.Spender,key:{spender:r},blockTag:"pending"})).user.toLowerCase()===t.toLowerCase()}function Fe({client:e,userAddress:t,sessionAddress:r}){let o=["getSpender",e?.chain.id,t,r];return Fr(e&&t&&r?{queryKey:o,queryFn:()=>Le({client:e,userAddress:t,sessionAddress:r})}:{queryKey:o,enabled:!1})}import{useClient as ls}from"wagmi";import{queryOptions as Vr,useQuery as cs}from"@tanstack/react-query";import{getRecord as Qr}from"@latticexyz/store/internal";import{resourceToHex as Kr}from"@latticexyz/common";import{parseAbi as Dr}from"viem";import Gr from"@latticexyz/world/mud.config";var Ke={pollingInterval:250},B=Kr({type:"system",namespace:"",name:"unlimited"}),De=Gr.namespaces.world.tables,Ge=Dr(["function registerDelegation(address delegatee, bytes32 delegationControlId, bytes initCallData)"]);async function Qe({client:e,worldAddress:t,userAddress:r,sessionAddress:o}){return(await Qr(e,{address:t,table:De.UserDelegationControl,key:{delegator:r,delegatee:o},blockTag:"pending"})).delegationControlId===B}function Ve({client:e,worldAddress:t,userAddress:r,sessionAddress:o}){let n=["getDelegation",e?.chain.id,t,r,o];return Vr(e&&r&&o?{queryKey:n,queryFn:()=>Qe({client:e,worldAddress:t,userAddress:r,sessionAddress:o})}:{queryKey:n,enabled:!1})}import{queryOptions as ro,useQuery as oo,useQueryClient as no}from"@tanstack/react-query";import{useClient as ao,useConfig as io}from"wagmi";import{useClient as Jr}from"wagmi";import{queryOptions as eo,useQuery as to}from"@tanstack/react-query";import{toSimpleSmartAccount as Zr}from"permissionless/accounts";import{isHex as Xr}from"viem";import{createStore as Wr}from"zustand/vanilla";import{persist as _r}from"zustand/middleware";var L=Wr(_r(()=>({signers:{}}),{name:"mud:entrykit",partialize:({signers:e})=>({signers:e})}));function Yr(e){e.key===L.persist.getOptions().name&&L.persist.rehydrate()}window.addEventListener("storage",Yr);import{generatePrivateKey as jr,privateKeyToAccount as $r}from"viem/accounts";function We(e){let t=e.toLowerCase(),r=L.getState().signers[t]??(()=>{let o=localStorage.getItem(`mud:appSigner:privateKey:${e.toLowerCase()}`)?.replace(/^"(.*)"$/,"$1"),n=Xr(o)?o:jr();return L.setState(a=>({signers:{...a.signers,[t]:n}})),n})();return $r(r)}async function _e({client:e,userAddress:t}){let r=We(t);return await Zr({client:e,owner:r})}function ce({client:e,userAddress:t}){let r=["getSessionAccount",e?.chain.id,t];return eo(e&&t?{queryKey:r,queryFn:()=>_e({client:e,userAddress:t}),staleTime:1/0}:{queryKey:r,enabled:!1})}function Ye(e){let{chainId:t}=l(),r=Jr({chainId:t});return to(ce({userAddress:e,client:r}))}import{getBalanceQueryOptions as so}from"wagmi/query";function lo({queryClient:e,config:t,client:r,userAddress:o,worldAddress:n}){let a=["getPrerequisites",r?.chain.id,o];return ro(r&&o?{queryKey:a,queryFn:async()=>{let i=h(r.chain),{address:s}=await e.fetchQuery(ce({client:r,userAddress:o})),[c,g,m,d]=await Promise.all([i?null:e.fetchQuery(so(t,{chainId:r.chain.id,address:s})),i?.type==="quarry"?e.fetchQuery(de({client:r,userAddress:o})):null,i?.type==="quarry"?e.fetchQuery(Fe({client:r,userAddress:o,sessionAddress:s})):null,e.fetchQuery(Ve({client:r,worldAddress:n,userAddress:o,sessionAddress:s}))]),p=g==null||g>=P,f=m??!0,G=c==null||c.value>=P;return{sessionAddress:s,hasAllowance:p,isSpender:f,hasGasBalance:G,hasDelegation:d,complete:p&&f&&d}}}:{queryKey:a,enabled:!1})}function T(e){let t=no(),{chainId:r,worldAddress:o}=l(),n=io(),a=ao({chainId:r});return oo(lo({config:n,queryClient:t,client:a,userAddress:e,worldAddress:o}),t)}import{useDisconnect as mo}from"wagmi";import{useQuery as co}from"@tanstack/react-query";function X(e){let t=e?.toLowerCase();return co({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 pe,jsxs as po}from"react/jsx-runtime";function M({hex:e}){return e.length<=10?pe("span",{title:e,children:e}):po("span",{title:e,children:[pe("span",{className:"after:select-none after:content-['\u2026']",children:e.slice(0,6)}),pe("span",{className:"tracking-[-1ch] text-transparent",children:e.slice(6,-4)}),e.slice(-4)]})}import{useEffect as uo}from"react";import{jsx as F,jsxs as me}from"react/jsx-runtime";function Xe({isActive:e,isExpanded:t,userAddress:r}){let{data:o,error:n}=X(r);uo(()=>{n&&console.log("Could not get ENS",n)},[n]);let{disconnect:a,isPending:i}=mo(),{closeAccountModal:s}=v();return me("div",{className:"flex flex-col gap-4",children:[me("div",{className:"flex justify-between gap-4",children:[me("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:i,onClick:()=>{s(),a()},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 ho}from"viem";import{useMutation as yo,useQueryClient as bo}from"@tanstack/react-query";import{http as go}from"viem";function je(){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 go(t)({chain:e,retryCount:0})}}import $e from"debug";var ue=$e("mud:entrykit"),fo=$e("mud:entrykit");ue.log=console.debug.bind(console);fo.log=console.error.bind(console);var I=ue.extend("quarry");async function Ze({chain:e,userAddress:t}){let r=je()({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 wo}from"wagmi";function Je(){let e=bo(),{chain:t}=l(),r=wo({chainId:t.id}),o=["claimGasPass",t.id];return yo({mutationKey:o,onError:n=>console.error(n),mutationFn:async n=>{if(t.id===31337){if(!r)throw new Error("No client?");await qe({client:r,userAddress:n,allowance:ho("1")})}else await Ze({chain:t,userAddress:n});await Promise.all([e.invalidateQueries({queryKey:["getAllowance"]}),e.invalidateQueries({queryKey:["getPrerequisites"]})])},retry:0})}import{twMerge as xo}from"tailwind-merge";import{jsx as j,jsxs as vo}from"react/jsx-runtime";function et({className:e,...t}){return vo("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 263 428",fill:"currentColor",className:xo("w-[0.6em] h-[1em]",e),...t,children:[j("path",{d:"M132 321V428L263 243L132 321Z"}),j("path",{d:"M0 243L132 321V428",fillOpacity:"0.5"}),j("path",{d:"M132 0V296L263 218"}),j("path",{d:"M0 218L132 296V0L0 218Z",fillOpacity:"0.5"})]})}import{formatEther as Co}from"viem";function tt(e){let t=Co(e),r=Math.floor(parseFloat(t)).toString().length;return parseFloat(t).toLocaleString("en-US",{maximumFractionDigits:Math.max(0,6-r)})}import{formatEther as ko}from"viem";import{jsx as So,jsxs as Ao}from"react/jsx-runtime";function $({wei:e}){return Ao("span",{className:"inline-flex items-center gap-1",title:ko(e),children:[tt(e)," ",So(et,{})]})}import{useEffect as Po}from"react";import{jsx as H,jsxs as ge}from"react/jsx-runtime";function rt({isActive:e,isExpanded:t,userAddress:r}){let o=Be(r),n=Je();return Po(()=>{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]),ge("div",{className:"flex flex-col gap-4",children:[ge("div",{className:"flex justify-between gap-4",children:[ge("div",{children:[H("div",{children:"Allowance"}),H("div",{className:"font-mono text-white",children:o.data!=null?H($,{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 nt}from"viem";import{useMutation as qo,useQueryClient as Bo}from"@tanstack/react-query";import{getAction as he}from"viem/utils";import{sendUserOperation as Lo,waitForUserOperationReceipt as Fo}from"viem/account-abstraction";import{waitForTransactionReceipt as Ko}from"viem/actions";import{useClient as Do}from"wagmi";import{resourceToHex as at}from"@latticexyz/common";import Go from"@latticexyz/world/out/IBaseWorld.sol/IBaseWorld.abi.json";import{writeContract as Ho}from"viem/actions";import{getAction as Oo}from"viem/utils";import{toHex as Uo}from"viem";import{signTypedData as No}from"viem/actions";import{callWithSignatureTypes as Eo}from"@latticexyz/world-module-callwithsignature/internal";import{getRecord as Ro}from"@latticexyz/store/internal";import To from"@latticexyz/world-module-callwithsignature/mud.config";import{hexToResource as Mo}from"@latticexyz/common";import{getAction as Io}from"viem/utils";async function ot({userClient:e,worldAddress:t,systemId:r,callData:o,nonce:n,client:a}){let i=n??(a?(await Ro(a,{address:t,table:To.tables.CallWithSignatureNonces,key:{signer:e.account.address},blockTag:"pending"})).nonce:0n),{namespace:s,name:c}=Mo(r);return await Io(e,No,"signTypedData")({account:e.account,domain:{verifyingContract:t,salt:Uo(e.chain.id,{size:32})},types:Eo,primaryType:"Call",message:{signer:e.account.address,systemNamespace:s,systemName:c,callData:o,nonce:i}})}import zo from"@latticexyz/world-module-callwithsignature/out/CallWithSignatureSystem.sol/CallWithSignatureSystem.abi.json";async function fe({sessionClient:e,...t}){let r=await ot(t);return Oo(e,Ho,"writeContract")({address:t.worldAddress,abi:zo,functionName:"callWithSignature",args:[t.userClient.account.address,t.systemId,t.callData,r]})}function it({userClient:e}){let t=Bo(),{chainId:r,worldAddress:o}=l(),n=Do({chainId:r}),a=["setupSession",n?.chain.id,e.account.address];return qo({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:le,functionName:"registerSpender",args:[m]})),c&&(console.log("registering delegation"),d.push({to:o,abi:Ge,functionName:"registerDelegation",args:[m,B,"0x"]})),!d.length)return;console.log("setting up account with",d,e);let p=await he(e,Lo,"sendUserOperation")({calls:d});console.log("got user op hash",p);let f=await he(e,Fo,"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 fe({client:n,userClient:e,sessionClient:i,worldAddress:g.address,systemId:at({type:"system",namespace:"",name:"SpenderSystem"}),callData:nt({abi:le,functionName:"registerSpender",args:[m]})});console.log("got spender tx",p),d.push(p)}if(c){console.log("registering delegation");let p=await fe({client:n,userClient:e,sessionClient:i,worldAddress:o,systemId:at({type:"system",namespace:"",name:"Registration"}),callData:nt({abi:Go,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 he(n,Ko,"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 bn}from"react";import{useClient as un}from"wagmi";import{queryOptions as gn,useQuery as fn}from"@tanstack/react-query";import{smartAccountActions as pn}from"permissionless";import{callFrom as mn}from"@latticexyz/world/internal";import{createBundlerClient as Qo}from"viem/account-abstraction";var Vo=new Set([31337,17420,17069,690]);function st(e){let t=e.chain??e.client?.chain,r=t?h(t):void 0;return Qo({...Ke,paymaster:r?{getPaymasterData:async()=>({paymaster:r.address,paymasterData:"0x"})}:void 0,userOperation:{estimateFeesPerGas:t&&Vo.has(t.id)?async()=>({maxFeePerGas:100000n,maxPriorityFeePerGas:0n}):void 0},...e})}import{transactionQueue as on}from"@latticexyz/common/actions";import{createClient as nn,fallback as an,http as ft,keccak256 as sn,stringToHex as ln,webSocket as dn}from"viem";import{privateKeyToAccount as cn}from"viem/accounts";import{createTransport as Jo,numberToHex as en,parseEther as tn}from"viem";import{entryPoint07Address as ut}from"viem/account-abstraction";import{formatUserOperationRequest as Wo}from"viem/account-abstraction";async function lt(e){return Wo({callGasLimit:20000000n,preVerificationGas:200000n,verificationGasLimit:2000000n,paymasterVerificationGasLimit:200000n,paymasterPostOpGasLimit:200000n})}import{parseEventLogs as _o}from"viem";import{formatUserOperation as Yo,toPackedUserOperation as Xo,getUserOperationHash as jo,entryPoint07Address as dt,entryPoint07Abi as ct}from"viem/account-abstraction";import{waitForTransactionReceipt as $o,writeContract as Zo}from"viem/actions";import{getAction as pt}from"viem/utils";async function mt({executor:e,rpcUserOp:t}){let r=Yo(t),o=Xo(r),n=jo({userOperation:r,chainId:e.chain.id,entryPointVersion:"0.7",entryPointAddress:dt}),a=await pt(e,Zo,"writeContract")({abi:ct,address:dt,functionName:"handleOps",args:[[o],e.account.address],chain:e.chain,account:e.account}),i=await pt(e,$o,"waitForTransactionReceipt")({hash:a});return{success:_o({logs:i.logs,abi:ct,eventName:"UserOperationEvent"})[0].args.success,userOpHash:n,receipt:i}}import{setBalance as rn}from"viem/actions";function gt({executor:e}){return()=>{I("using a local user op executor",e.account.address),e.chain.id===31337&&(I("setting executor balance"),rn(e.extend(()=>({mode:"anvil"})),{address:e.account.address,value:tn("100")}));let t=new Map;return Jo({key:"userOpExecutor",type:"userOpExecutor",name:"User Operation Executor Transport",request:async({method:o,params:n})=>{if(o==="eth_chainId")return en(e.chain.id);if(o==="eth_supportedEntryPoints")return[ut];if(o==="eth_sendUserOperation"){let[a,i]=n;if(i===ut){let s=await mt({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 lt(n);throw new Error("Method not implemented.")}})}}function ht(e){let t=e.rpcUrls.bundler?.http[0],r=t?ft(t):e.id===31337?gt({executor:nn({chain:e,transport:an([dn(),ft()]),account:cn(sn(ln("local user op executor"))),pollingInterval:10}).extend(on())}):null;if(!r)throw new Error(`Chain ${e.id} config did not include a bundler RPC URL.`);return r}async function yt({client:e,userAddress:t,sessionAccount:r,worldAddress:o}){let n=ht(e.chain);return st({transport:n,client:e,account:r}).extend(pn).extend(mn({worldAddress:o,delegatorAddress:t,publicClient:e})).extend(()=>({userAddress:t}))}import{useEffect as hn}from"react";function yn({sessionAccount:e,client:t,userAddress:r,worldAddress:o}){let n=["getSessionClient",t?.uid,r,e?.address,o];return gn(t&&r&&e?{queryKey:n,queryFn:()=>yt({sessionAccount:e,client:t,userAddress:r,worldAddress:o}),staleTime:1/0}:{queryKey:n,enabled:!1})}function Z(e){let{chainId:t,worldAddress:r}=l(),o=un({chainId:t}),{data:n,error:a}=Ye(e);return hn(()=>{a&&console.error("Could not get session account",a)},[a]),fn(yn({sessionAccount:n,userAddress:e,client:o,worldAddress:r}))}import{jsx as K,jsxs as ye}from"react/jsx-runtime";function bt({isActive:e,isExpanded:t,userClient:r,registerSpender:o,registerDelegation:n}){let a=Z(r.account.address),i=it({userClient:r}),s=!n&&!n;return bn(()=>{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]),ye("div",{className:"flex flex-col gap-4",children:[ye("div",{className:"flex justify-between gap-4",children:[ye("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 Sn}from"wagmi";var wt={"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 xn,useMutation as vn}from"@tanstack/react-query";import{setBalance as Cn}from"viem/actions";import{useClient as kn}from"wagmi";function xt(){let e=xn(),{chainId:t}=l(),r=kn({chainId:t});return vn({mutationKey:["setBalance",t],onError:o=>console.error(o),mutationFn:async o=>(r&&(await Cn({...r,mode:"anvil"},o),await Promise.all([e.invalidateQueries({queryKey:["balance"]}),e.invalidateQueries({queryKey:["getPrerequisites"]})])),null),retry:0})}import{Fragment as An,jsx as w,jsxs as D}from"react/jsx-runtime";function vt({isActive:e,isExpanded:t,sessionAddress:r}){let{chain:o}=l(),n=Sn({chainId:o.id,address:r,query:{refetchInterval:2e3}}),a=xt(),i=wt[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($,{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(An,{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,error:i}=T(n);Ct(()=>{i&&console.error("Could not get prerequisites",i)},[i]);let{closeAccountModal:s}=v(),c=n!==t,g=Un(a);Ct(()=>{a!=null&&(g.current==null&&(g.current=a),a.complete&&(c||!g.current.complete)&&s())},[s,c,a]);let{sessionAddress:m,hasAllowance:d,isSpender:p,hasDelegation:f,hasGasBalance:G}=a??{},A=Pn(()=>{if(!n)return[{id:"wallet",isComplete:!1,content:()=>null}];let u=[{id:"wallet",isComplete:!0,content:x=>U(Xe,{...x,userAddress:n})}];return o?o.type==="quarry"&&u.push({id:"allowance",isComplete:!!d,content:x=>U(rt,{...x,userAddress:n})}):m!=null&&u.push({id:"gasBalance",isComplete:!!G,content:x=>U(vt,{...x,sessionAddress:m})}),u.push({id:"session",isComplete:!!p&&!!f,content:x=>U(bt,{...x,userClient:e,registerSpender:!p,registerDelegation:!f})}),u},[d,f,G,p,o,m,n,e]),[xe]=Nn(null),Ft=A.find(u=>u.content!=null&&!u.isComplete),re=A.filter(u=>u.isComplete),oe=(xe!=null?A.find(u=>u.id===xe):null)??Ft??(re.length<A.length?re.at(-1):null),ve=oe?A.indexOf(oe):-1;return U("div",{className:be("px-8 flex flex-col divide-y divide-neutral-800","animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),children:A.map((u,x)=>{let ne=u===oe,Kt=ne||re.length===A.length,Dt=!u.isComplete&&ve!==-1&&x>ve;return U("div",{className:be("py-8 flex flex-col justify-center",ne?"flex-grow":null),children:U("div",{className:be("flex flex-col",Dt?"opacity-30 pointer-events-none":null),children:u.content({isActive:ne,isExpanded:Kt})})},u.id)})})}import{useRef as Tn}from"react";import{jsx as St}from"react/jsx-runtime";function At(){let{chainId:e}=l(),t=Rn({chainId:e}),{address:r}=En(),o=Tn(r);return t.status!=="success"?St(Oe,{}):St(kt,{userClient:t.data,initialUserAddress:o.current})}import{useState as zn}from"react";import{ErrorBoundary as qn}from"react-error-boundary";import{twMerge as Mn}from"tailwind-merge";import{BaseError as In,UserRejectedRequestError as Hn}from"viem";import{jsx as Pt,jsxs as On}from"react/jsx-runtime";function Ut({title:e,error:t}){if(!t||t instanceof In&&t.walk(n=>n instanceof Hn)!=null)return null;let r=e??"Error",o=typeof t=="string"?t:t instanceof Error?String(t):"Something unexpected happened.";return On("div",{className:Mn("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 Bn}from"@latticexyz/common/utils";import{twMerge as Ln}from"tailwind-merge";import{useIsMounted as Fn}from"usehooks-ts";import{jsx as J,jsxs as Nt}from"react/jsx-runtime";function Et({children:e}){let t=Fn(),[r,o]=zn(1);return J(qn,{fallbackRender:({error:n,resetErrorBoundary:a})=>Nt("div",{className:Ln("flex-grow flex flex-col justify-center p-5 gap-2"),children:[J(Ut,{error:n instanceof Error?n.stack??n.message:n}),r>0?Nt("button",{type:"button",onClick:async i=>{i.currentTarget.ariaBusy="true",await Bn(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:[J(b,{className:"transition opacity-0 group-aria-busy:opacity-100 text-xs text-neutral-500 dark:text-neutral-400"}),J("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 Gn,DialogTitle as Qn}from"@radix-ui/react-dialog";import{twMerge as Kn}from"tailwind-merge";import{jsx as Dn}from"react/jsx-runtime";function Rt({className:e,children:t,...r}){return Dn("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",className:Kn("-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(Rt,{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 C,jsxs as we}from"react/jsx-runtime";function Ht(){let{accountModalOpen:e,toggleAccountModal:t}=v();return we(Me,{open:e,onOpenChange:t,children:[C(Qn,{className:"sr-only",children:"Connect with EntryKit"}),e?we("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:[C(Et,{children:C(At,{})}),we("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:[C("span",{className:"block w-4 h-4",children:C(S,{className:"w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300"})}),C("span",{children:"Powered by MUD"})]}),C("div",{className:"absolute top-0 right-0",children:C(Gn,{className:It("pointer-events-auto leading-none p-2 transition","text-neutral-700 hover:text-neutral-500"),title:"Close",children:C(Mt,{className:"m-0"})})})]}):null]})}import{jsx as Wn,jsxs as _n}from"react/jsx-runtime";function Vn({config:e,children:t}){return _n(Ue,{config:e,children:[t,Wn(Ht,{})]})}import{useAccount as jn}from"wagmi";import{twMerge as N}from"tailwind-merge";import{twMerge as Ot}from"tailwind-merge";import{useEffect as Yn}from"react";import{Fragment as Xn,jsx as ee,jsxs as zt}from"react/jsx-runtime";function qt({address:e}){let{data:t,error:r}=X(e),o=W(t?.avatar);return Yn(()=>{r&&console.log("Could not get ENS",r)},[r]),zt(Xn,{children:[zt("span",{className:"flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center",children:[ee("img",{src:t?.avatar&&o.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",o.isSuccess?"opacity-100":"opacity-0")}),ee(S,{className:Ot("col-start-1 row-start-1 text-orange-500","transition duration-300",t&&(!t.avatar||o.isError)?"opacity-100":"opacity-0")})]}),ee("span",{className:"flex-grow",children:t?.name??ee(M,{hex:e})})]})}import{useRef as $n}from"react";import{jsx as k,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"),Zn=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 ea(){let{openAccountModal:e,accountModalOpen:t}=v(),{status:r,address:o}=jn(),n=$n(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 k(Q,{mode:"child",children:c?k("button",{type:"button",className:N(Bt,Zn,Jn),onClick:e,children:k("span",{className:"flex-grow inline-flex gap-2.5 items-center text-left font-medium",children:o?k(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:[k("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:k(S,{})}),k("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:k(b,{})})]}),k("span",{className:"font-medium",children:g})]},"sign in")})}import{useConnectorClient as ta}from"wagmi";function ra(){let{chainId:e}=l(),t=ta({chainId:e});t.error&&console.error("Error retrieving user client",t.error);let r=t.data?.account.address,o=T(r),n=Z(r);return t.isSuccess?!o.isSuccess||!o.data.complete?{...o,data:void 0}:n:{...t,data:void 0}}import{connectorsForWallets as na}from"@rainbow-me/rainbowkit";import{createConfig as aa}from"wagmi";import{getDefaultWallets as oa}from"@rainbow-me/rainbowkit";function te(e){let{wallets:t}=oa();return[...t]}function ia(e){let t=te(e),r=na(t,{appName:e.appName,projectId:e.walletConnectProjectId});return aa({connectors:r,chains:e.chains,transports:e.transports,pollingInterval:e.pollingInterval})}import{connectorsForWallets as sa}from"@rainbow-me/rainbowkit";function Am({wallets:e,...t}){return sa(e??te(t),{appName:t.appName,projectId:t.walletConnectProjectId})}export{ea as AccountButton,Vn as EntryKitProvider,ia as createWagmiConfig,Gt as defineConfig,Am as getConnectors,te as getWallets,v as useAccountModal,l as useEntryKitConfig,ra as useSessionClient};
+  const bundlerClient = createBundlerClient({
+    transport: getBundlerTransport(client.chain),
+    client,
+    account: sessionAccount
+  });
+  const sessionClient = bundlerClient.extend(smartAccountActions).extend(
+    callFrom({
+      worldAddress,
+      delegatorAddress: userAddress,
+      publicClient: client
+    })
+  ).extend(() => ({ userAddress }));
+  return sessionClient;
+}
+function clientHasChain(client) {
+  return client.chain != null;
+}
+// src/useSessionClient.ts
+function getSessionClientQueryOptions({
+  queryClient,
+  client,
+  userAddress,
+  worldAddress
+}) {
+  const queryKey = ["getSessionClient", client?.uid, userAddress, worldAddress];
+  return queryOptions6(
+    userAddress ? {
+      queryKey,
+      async queryFn() {
+        const sessionAccount = await queryClient.fetchQuery(getSessionAccountQueryOptions({ client, userAddress }));
+        return await getSessionClient({
+          sessionAccount,
+          userAddress,
+          worldAddress
+        });
+      },
+      staleTime: Infinity,
+      // TODO: replace with function to retry only connection errors
+      retry: false
+    } : { queryKey, enabled: false }
+  );
+}
+function useSessionClient(userAddress) {
+  const queryClient = useQueryClient4();
+  const { chainId, worldAddress } = useEntryKitConfig();
+  const client = useClient8({ chainId });
+  return useQuery8(
+    getSessionClientQueryOptions({
+      queryClient,
+      client,
+      userAddress,
+      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 = useShowQueryError(useSessionClient(userClient.account.address));
+  const setup = useShowMutationError(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, useWatchBlockNumber } 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"
+  }
+};
+// src/onboarding/useSetBalance.ts
+import { useQueryClient as useQueryClient5, useMutation as useMutation3 } from "@tanstack/react-query";
+import { setBalance as setBalance2 } from "viem/actions";
+import { useClient as useClient9 } from "wagmi";
+function useSetBalance() {
+  const queryClient = useQueryClient5();
+  const { chainId } = useEntryKitConfig();
+  const client = useClient9({ chainId });
+  return useMutation3({
+    retry: 0,
+    mutationKey: ["setBalance", chainId],
+    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;
+    }
+  });
+}
+// 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 = useShowQueryError(useBalance({ chainId: chain.id, address: sessionAddress }));
+  useWatchBlockNumber({ onBlockNumber: () => balance.refetch() });
+  const setBalance3 = useShowMutationError(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 });
+}
+// src/AccountModal.tsx
+import { DialogClose, DialogTitle } from "@radix-ui/react-dialog";
+// src/icons/IconSVG.tsx
+import { twMerge as twMerge8 } from "tailwind-merge";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function IconSVG({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      className: twMerge8("-my-[0.125em] h-[1.25em] w-[1.25em]", className),
+      ...props,
+      children
+    }
+  );
+}
+// src/icons/CloseIcon.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function CloseIcon(props) {
+  return /* @__PURE__ */ jsx20(IconSVG, { strokeWidth: "2", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx20(
+    "path",
+    {
+      d: "M6 18L18 6M6 6L18 18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+// src/AccountModal.tsx
+import { ErrorBoundary } from "react-error-boundary";
+// src/errors/ErrorOverlay.tsx
+import { wait } from "@latticexyz/common/utils";
+import { useEffect as useEffect8 } from "react";
+import { twMerge as twMerge9 } from "tailwind-merge";
+import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+function ErrorOverlay({ error: error2, retry, dismiss }) {
+  useEffect8(() => {
+    if (error2) {
+      console.error(error2);
+    }
+  }, [error2]);
+  return /* @__PURE__ */ jsxs15("div", { className: "pointer-events-none absolute inset-0 overflow-clip", children: [
+    /* @__PURE__ */ jsx21(
+      "div",
+      {
+        className: twMerge9(
+          "absolute inset-0 bg-blue-700/60",
+          "transition duration-300",
+          error2 ? "opacity-100 pointer-events-auto" : "opacity-0"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx21(
+      "div",
+      {
+        className: twMerge9(
+          "absolute inset-0 pb-8",
+          "transition duration-300",
+          error2 ? "translate-y-0 opacity-100 pointer-events-auto" : "-translate-y-4 opacity-0"
+        ),
+        children: error2 ? /* @__PURE__ */ jsx21(Fragment2, { children: /* @__PURE__ */ jsxs15("div", { className: "w-full max-h-full bg-blue-700 text-white/80 overflow-auto", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "space-y-6 px-8 pt-8", children: [
+            /* @__PURE__ */ jsx21("div", { className: "text-white text-lg font-bold", children: "Oops! It broke :(" }),
+            /* @__PURE__ */ jsx21("div", { className: "font-mono text-xs whitespace-pre-wrap", children: error2.message.trim() }),
+            /* @__PURE__ */ jsx21("div", { className: "text-sm", children: "See the console for more info." })
+          ] }),
+          /* @__PURE__ */ jsxs15("div", { className: "pointer-events-none sticky bottom-0 left-0 -mt-2", children: [
+            /* @__PURE__ */ jsx21("div", { className: "w-full h-12 bg-gradient-to-b from-transparent to-blue-700" }),
+            retry ? /* @__PURE__ */ jsx21("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsxs15(
+              "button",
+              {
+                type: "button",
+                className: twMerge9(
+                  "pointer-events-auto group w-24 p-1 -translate-y-2 transition",
+                  "bg-blue-600 hover:bg-blue-500 aria-busy:bg-blue-500",
+                  "text-white text-sm font-medium",
+                  "aria-busy:pointer-events-none"
+                ),
+                onClick: async (event) => {
+                  event.currentTarget.ariaBusy = "true";
+                  await wait(500);
+                  retry();
+                  if (event.currentTarget) {
+                    event.currentTarget.ariaBusy = null;
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx21("span", { className: "group-aria-busy:hidden", children: "Retry" }),
+                  /* @__PURE__ */ jsx21("span", { className: "hidden group-aria-busy:inline", children: "Retrying\u2026" })
+                ]
+              }
+            ) }) : dismiss ? /* @__PURE__ */ jsx21("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsx21(
+              "button",
+              {
+                type: "button",
+                className: twMerge9(
+                  "pointer-events-auto group w-24 p-1 -translate-y-2 transition",
+                  "bg-blue-600 hover:bg-blue-500 aria-busy:bg-blue-500",
+                  "text-white text-sm font-medium",
+                  "aria-busy:pointer-events-none"
+                ),
+                onClick: dismiss,
+                children: "Dismiss"
+              }
+            ) }) : null
+          ] })
+        ] }) }) : null
+      }
+    )
+  ] });
+}
+// src/errors/ErrorFallback.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+function ErrorFallback({ error: error2, resetErrorBoundary }) {
+  return /* @__PURE__ */ jsx22("div", { className: "h-64", children: /* @__PURE__ */ jsx22(ErrorOverlay, { error: error2, retry: resetErrorBoundary }) });
+}
+// src/errors/ErrorsOverlay.tsx
+import { useStore as useStore2 } from "zustand";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function ErrorsOverlay() {
+  const error2 = useStore2(store3, (state) => state.errors.at(0));
+  return /* @__PURE__ */ jsx23(ErrorOverlay, { error: error2?.error, retry: error2?.retry, dismiss: error2?.dismiss });
+}
+// src/AccountModal.tsx
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+function AccountModal() {
+  const { accountModalOpen, toggleAccountModal } = useAccountModal();
+  return /* @__PURE__ */ jsxs16(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: [
+    /* @__PURE__ */ jsx24(DialogTitle, { className: "sr-only", children: "Connect with EntryKit" }),
+    accountModalOpen ? /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        className: twMerge10(
+          "relative py-2 ring-1",
+          "bg-neutral-900 text-neutral-400 ring-neutral-700/50",
+          "links:font-medium links:underline links:underline-offset-4",
+          "links:text-white",
+          "links:decoration-neutral-500 hover:links:decoration-orange-500"
+        ),
+        children: [
+          /* @__PURE__ */ jsx24("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx24(
+            DialogClose,
+            {
+              className: twMerge10(
+                "pointer-events-auto leading-none p-2 transition",
+                "text-white/20 hover:text-white/40"
+              ),
+              title: "Close",
+              children: /* @__PURE__ */ jsx24(CloseIcon, { className: "m-0" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs16(ErrorBoundary, { FallbackComponent: ErrorFallback, children: [
+            /* @__PURE__ */ jsx24(AccountModalContent, {}),
+            /* @__PURE__ */ jsx24(ErrorsOverlay, {})
+          ] }),
+          /* @__PURE__ */ jsxs16(
+            "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__ */ jsx24("span", { className: "block w-4 h-4", children: /* @__PURE__ */ jsx24(Logo, { className: "w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300" }) }),
+                /* @__PURE__ */ jsx24("span", { children: "Powered by MUD" })
+              ]
+            }
+          )
+        ]
+      }
+    ) : null
+  ] });
+}
+// src/EntryKitProvider.tsx
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+function EntryKitProvider({ config, children }) {
+  return /* @__PURE__ */ jsxs17(EntryKitConfigProvider, { config, children: [
+    children,
+    /* @__PURE__ */ jsx25(AccountModal, {})
+  ] });
+}
+// src/AccountButton.tsx
+import { useAccount as useAccount3 } from "wagmi";
+import { twMerge as twMerge12 } from "tailwind-merge";
+// src/AccountName.tsx
+import { twMerge as twMerge11 } from "tailwind-merge";
+import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+function AccountName({ address }) {
+  const { data: ens } = useENS(address);
+  const avatar = usePreloadImage(ens?.avatar);
+  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
+    /* @__PURE__ */ jsxs18("span", { className: "flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center", children: [
+      /* @__PURE__ */ jsx26(
+        "img",
+        {
+          src: ens?.avatar && avatar.isSuccess ? ens.avatar : void 0,
+          className: twMerge11(
+            "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__ */ jsx26(
+        Logo,
+        {
+          className: twMerge11(
+            "col-start-1 row-start-1 text-orange-500",
+            "transition duration-300",
+            ens && (!ens.avatar || avatar.isError) ? "opacity-100" : "opacity-0"
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx26("span", { className: "flex-grow", children: ens?.name ?? /* @__PURE__ */ jsx26(TruncatedHex, { hex: address }) })
+  ] });
+}
+// src/AccountButton.tsx
+import { useRef as useRef4 } from "react";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+var containerClassNames = twMerge12(
+  "w-48 p-3 inline-flex outline-none transition",
+  "border border-transparent",
+  "text-base leading-none"
+);
+var secondaryClassNames = twMerge12(
+  "bg-neutral-100 border-neutral-300 text-black",
+  "dark:bg-neutral-800 dark:border-neutral-700 dark:text-white"
+);
+var secondaryInteractiveClassNames = twMerge12(
+  "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__ */ jsx27(Shadow, { mode: "child", children: isSignedIn ? /* @__PURE__ */ jsx27(
+    "button",
+    {
+      type: "button",
+      className: twMerge12(containerClassNames, secondaryClassNames, secondaryInteractiveClassNames),
+      onClick: openAccountModal,
+      children: /* @__PURE__ */ jsx27("span", { className: "flex-grow inline-flex gap-2.5 items-center text-left font-medium", children: userAddress ? /* @__PURE__ */ jsx27(AccountName, { address: userAddress }) : null })
+    },
+    "connected"
+  ) : /* @__PURE__ */ jsxs19(
+    "button",
+    {
+      type: "button",
+      className: twMerge12(
+        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__ */ jsxs19("span", { className: "pointer-events-none inline-grid place-items-center -ml-3", children: [
+          /* @__PURE__ */ jsx27(
+            "span",
+            {
+              className: twMerge12(
+                "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__ */ jsx27(Logo, {})
+            }
+          ),
+          /* @__PURE__ */ jsx27(
+            "span",
+            {
+              "aria-hidden": true,
+              className: twMerge12(
+                "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__ */ jsx27(PendingIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx27("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