@latticexyz/entrykit 2.2.22-7c2fe37ce180c3d55160202867bd3835683f532b → 2.2.22-7f1b769020c12f25d756b5c3c749c26303a22534

package/dist/tsup/exports/internal.js

@@ -22,7 +22,7 @@ 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.-mr-1 {\n  margin-right: -0.25rem;\n}\n\n.-mt-2 {\n  margin-top: -0.5rem;\n}\n\n.mt-1 {\n  margin-top: 0.25rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-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.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-3\\.5 {\n  height: 0.875rem;\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-\\[2px\\] {\n  height: 2px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.w-10 {\n  width: 2.5rem;\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-3\\.5 {\n  width: 0.875rem;\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-8 {\n  width: 2rem;\n}\n\n.w-\\[0\\.6em\\] {\n  width: 0.6em;\n}\n\n.w-\\[1\\.25em\\] {\n  width: 1.25em;\n}\n\n.w-\\[352px\\] {\n  width: 352px;\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.transform {\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.cursor-text {\n  cursor: text;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\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-5 {\n  gap: 1.25rem;\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-200 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(229 229 229 / var(--tw-divide-opacity));\n}\n\n.divide-neutral-300 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(212 212 212 / var(--tw-divide-opacity));\n}\n\n.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(38 38 38 / var(--tw-divide-opacity));\n}\n\n.self-auto {\n  align-self: auto;\n}\n\n.self-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-2 {\n  border-width: 2px;\n}\n\n.border-4 {\n  border-width: 4px;\n}\n\n.border-dashed {\n  border-style: dashed;\n}\n\n.border-black\\/20 {\n  border-color: rgb(0 0 0 / 0.2);\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-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\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-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 245 245 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800\\/85 {\n  background-color: rgb(38 38 38 / 0.85);\n}\n\n.bg-neutral-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-orange-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 115 22 / var(--tw-bg-opacity));\n}\n\n.bg-orange-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / 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-2\\.5 {\n  padding: 0.625rem;\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-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\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-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pb-8 {\n  padding-bottom: 2rem;\n}\n\n.pt-10 {\n  padding-top: 2.5rem;\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-loose {\n  line-height: 2;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.tracking-\\[-1ch\\] {\n  letter-spacing: -1ch;\n}\n\n.text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity));\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity));\n}\n\n.text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.text-neutral-700 {\n  --tw-text-opacity: 1;\n  color: rgb(64 64 64 / var(--tw-text-opacity));\n}\n\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity));\n}\n\n.text-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-50 {\n  opacity: 0.5;\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-2 {\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(2px + 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.ring-transparent {\n  --tw-ring-color: transparent;\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.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\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.ease-linear {\n  transition-timing-function: linear;\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.animate-out {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n\n.fade-in {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.slide-in-from-bottom-16 {\n  --tw-enter-translate-y: 4rem;\n}\n\n.slide-in-from-bottom-2 {\n  --tw-enter-translate-y: 0.5rem;\n}\n\n.slide-in-from-bottom-8 {\n  --tw-enter-translate-y: 2rem;\n}\n\n.slide-in-from-top-2 {\n  --tw-enter-translate-y: -0.5rem;\n}\n\n.animate-duration-300 {\n  animation-duration: 300ms;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\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.placeholder\\:text-neutral-400::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\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.focus-within\\:border-transparent:focus-within {\n  border-color: transparent;\n}\n\n.focus-within\\:ring-orange-500:focus-within {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));\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-black:hover {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:text-white\\/40:hover {\n  color: rgb(255 255 255 / 0.4);\n}\n\n.hover\\:text-white\\/80:hover {\n  color: rgb(255 255 255 / 0.8);\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.focus\\:bg-white:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-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\\:pointer-events-none {\n  pointer-events: none;\n}\n\n.group:hover .group-hover\\:pointer-events-auto {\n  pointer-events: auto;\n}\n\n.group:hover .group-hover\\:rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:opacity-0 {\n  opacity: 0;\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n.peer:placeholder-shown ~ .peer-placeholder-shown\\:text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\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.group[aria-expanded="true"] .group-aria-expanded\\:inline {\n  display: inline;\n}\n\n.group[aria-expanded="true"] .group-aria-expanded\\:hidden {\n  display: none;\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.data-\\[state\\=checked\\]\\:bg-neutral-200[data-state="checked"] {\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\\:divide-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-divide-opacity));\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\\:border-white\\/50:where([data-theme="dark"], [data-theme="dark"] *) {\n  border-color: rgb(255 255 255 / 0.5);\n}\n\n.dark\\:bg-blue-600:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-green-600:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(22 163 74 / var(--tw-bg-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-neutral-900:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-red-600:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 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-neutral-300:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity));\n}\n\n.dark\\:text-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.dark\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.dark\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.dark\\:placeholder\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *)::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.dark\\:hover\\:bg-neutral-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.dark\\:hover\\:text-white:hover: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\\:focus\\:bg-neutral-700:focus:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.peer:placeholder-shown ~ .dark\\:peer-placeholder-shown\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.dark\\:data-\\[state\\=checked\\]\\:bg-neutral-900[data-state="checked"]:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.\\[\\&_\\>_\\:is\\(dt\\2c dd\\)\\]\\:px-1 > :is(dt,dd) {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.\\[\\&_\\>_dd\\]\\:text-right > dd {\n  text-align: right;\n}\n';
+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.-mr-1 {\n  margin-right: -0.25rem;\n}\n\n.-mt-2 {\n  margin-top: -0.5rem;\n}\n\n.mt-1 {\n  margin-top: 0.25rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-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.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-3 {\n  height: 0.75rem;\n}\n\n.h-3\\.5 {\n  height: 0.875rem;\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-\\[2px\\] {\n  height: 2px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.max-h-\\[230px\\] {\n  max-height: 230px;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.w-10 {\n  width: 2.5rem;\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-3 {\n  width: 0.75rem;\n}\n\n.w-3\\.5 {\n  width: 0.875rem;\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-8 {\n  width: 2rem;\n}\n\n.w-\\[0\\.6em\\] {\n  width: 0.6em;\n}\n\n.w-\\[1\\.25em\\] {\n  width: 1.25em;\n}\n\n.w-\\[352px\\] {\n  width: 352px;\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.transform {\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.cursor-text {\n  cursor: text;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\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-5 {\n  gap: 1.25rem;\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-700 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-divide-opacity));\n}\n\n.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(38 38 38 / var(--tw-divide-opacity));\n}\n\n.self-auto {\n  align-self: auto;\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-clip {\n  overflow: clip;\n}\n\n.overflow-y-auto {\n  overflow-y: auto;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\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-2 {\n  border-width: 2px;\n}\n\n.border-4 {\n  border-width: 4px;\n}\n\n.border-dashed {\n  border-style: dashed;\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-neutral-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: transparent;\n}\n\n.border-white\\/50 {\n  border-color: rgb(255 255 255 / 0.5);\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-green-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(22 163 74 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 245 245 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800\\/85 {\n  background-color: rgb(38 38 38 / 0.85);\n}\n\n.bg-neutral-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-orange-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 115 22 / var(--tw-bg-opacity));\n}\n\n.bg-orange-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.bg-red-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: transparent;\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-2\\.5 {\n  padding: 0.625rem;\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-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\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-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pb-8 {\n  padding-bottom: 2rem;\n}\n\n.pt-10 {\n  padding-top: 2.5rem;\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-loose {\n  line-height: 2;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.tracking-\\[-1ch\\] {\n  letter-spacing: -1ch;\n}\n\n.text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity));\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity));\n}\n\n.text-neutral-300 {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity));\n}\n\n.text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.text-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\\/50 {\n  color: rgb(255 255 255 / 0.5);\n}\n\n.text-white\\/80 {\n  color: rgb(255 255 255 / 0.8);\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.decoration-neutral-500 {\n  text-decoration-color: #737373;\n}\n\n.underline-offset-4 {\n  text-underline-offset: 4px;\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-50 {\n  opacity: 0.5;\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-2 {\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(2px + 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.ring-transparent {\n  --tw-ring-color: transparent;\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.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\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.ease-linear {\n  transition-timing-function: linear;\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.animate-out {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n\n.fade-in {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.slide-in-from-bottom-16 {\n  --tw-enter-translate-y: 4rem;\n}\n\n.slide-in-from-bottom-2 {\n  --tw-enter-translate-y: 0.5rem;\n}\n\n.slide-in-from-bottom-8 {\n  --tw-enter-translate-y: 2rem;\n}\n\n.slide-in-from-top-2 {\n  --tw-enter-translate-y: -0.5rem;\n}\n\n.animate-duration-300 {\n  animation-duration: 300ms;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\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.placeholder\\:text-neutral-500::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\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.focus-within\\:border-transparent:focus-within {\n  border-color: transparent;\n}\n\n.focus-within\\:ring-orange-500:focus-within {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));\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\\:text-white\\/80:hover {\n  color: rgb(255 255 255 / 0.8);\n}\n\n.hover\\:decoration-orange-500:hover {\n  text-decoration-color: #f97316;\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.focus\\:bg-neutral-700:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-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\\:pointer-events-none {\n  pointer-events: none;\n}\n\n.group:hover .group-hover\\:pointer-events-auto {\n  pointer-events: auto;\n}\n\n.group:hover .group-hover\\:inline-block {\n  display: inline-block;\n}\n\n.group:hover .group-hover\\:hidden {\n  display: none;\n}\n\n.group:hover .group-hover\\:rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:opacity-0 {\n  opacity: 0;\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n.peer:placeholder-shown ~ .peer-placeholder-shown\\:text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\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.group[aria-expanded="true"] .group-aria-expanded\\:inline {\n  display: inline;\n}\n\n.group[aria-expanded="true"] .group-aria-expanded\\:hidden {\n  display: none;\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.data-\\[state\\=checked\\]\\:bg-neutral-900[data-state="checked"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / 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\n.\\[\\&_\\>_\\:is\\(dt\\2c dd\\)\\]\\:px-1 > :is(dt,dd) {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.\\[\\&_\\>_dd\\]\\:text-right > dd {\n  text-align: right;\n}\n';
 
 // src/ui/Shadow.tsx
 import { useResizeObserver } from "usehooks-ts";
@@ -47,9 +47,7 @@ function useFrame() {
 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
@@ -206,6 +204,7 @@ function getBundlerTransport(chain) {
 }
 
 // src/EntryKitConfigProvider.tsx
+import { ConnectKitProvider } from "connectkit";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Context2 = createContext2(null);
 function EntryKitConfigProvider({ config, children }) {
@@ -216,14 +215,14 @@ function EntryKitConfigProvider({ config, children }) {
   if (!chain) throw new Error(`Could not find configured chain for chain ID ${config.chainId}.`);
   getBundlerTransport(chain);
   return /* @__PURE__ */ jsx2(
-    RainbowKitProvider,
+    ConnectKitProvider,
     {
-      initialChain: 0,
-      appInfo: {
-        appName: config.appName
-        // TODO: learn more and disclaimer
+      theme: "midnight",
+      options: {
+        // Prevent Wagmi trying to switch chains after connection
+        // https://github.com/wevm/wagmi/blob/f5b717ccf8a5b283263cadc984ba00b354bcefae/packages/core/src/connectors/injected.ts#L174-L182
+        initialChainId: 0
       },
-      theme: midnightTheme({ borderRadius: "none" }),
       children: /* @__PURE__ */ jsx2(Context2.Provider, { value: { ...config, chain }, children })
     }
   );
@@ -274,7 +273,9 @@ var Shadow = forwardRef(function Shadow2({ mode, children }, forwardedRef) {
     inset: "0",
     width: "100%",
     height: "100%",
-    zIndex: "2147483646"
+    // one less than ConnectKit's modal z-index
+    // so that ConnectKit can overlap properly
+    zIndex: "2147483645"
   } : frameSize.width && frameSize.height ? {
     all: "unset",
     display: "inline-grid",
@@ -373,14 +374,11 @@ function useAccountModal() {
 }
 
 // src/AccountModal.tsx
-import { twMerge as twMerge19 } from "tailwind-merge";
+import { twMerge as twMerge20 } from "tailwind-merge";
 
 // src/AccountModalContent.tsx
 import { useAccount as useAccount8, useConnectorClient } from "wagmi";
 
-// src/ConnectWallet.tsx
-import { useAccount } from "wagmi";
-
 // src/ui/Button.tsx
 import { twMerge as twMerge3 } from "tailwind-merge";
 
@@ -446,7 +444,7 @@ var Button = ({ pending, variant, type, className, children, disabled, ...props
 };
 
 // src/ConnectWallet.tsx
-import { useConnectModal } from "@rainbow-me/rainbowkit";
+import { useModal } from "connectkit";
 
 // src/icons/Logo.tsx
 import { twMerge as twMerge4 } from "tailwind-merge";
@@ -506,7 +504,7 @@ function AppInfo() {
   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" })
+      /* @__PURE__ */ jsx8(Logo, { className: "w-full h-full text-orange-500 bg-neutral-800" })
     ) : null }),
     /* @__PURE__ */ jsx8("div", { className: "text-2xl text-white text-center", children: appName })
   ] });
@@ -514,18 +512,17 @@ function AppInfo() {
 
 // src/ConnectWallet.tsx
 import { twMerge as twMerge5 } from "tailwind-merge";
-import { useEffect as useEffect3, useState as useState2 } from "react";
+import { useEffect as useEffect3, useRef as useRef2 } 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);
+  const { open, setOpen } = useModal();
+  const hasAutoOpenedRef = useRef2(false);
   useEffect3(() => {
-    if (!connectModalOpen && !hasAutoOpened) {
-      openConnectModal?.();
-      setHasAutoOpened(true);
+    if (!open && !hasAutoOpenedRef.current) {
+      setOpen(true);
+      hasAutoOpenedRef.current = true;
     }
-  }, [connectModalOpen, hasAutoOpened, openConnectModal]);
+  }, [open, setOpen]);
   return /* @__PURE__ */ jsxs7(
     "div",
     {
@@ -537,8 +534,7 @@ function ConnectWallet() {
           {
             variant: "secondary",
             className: "self-auto flex justify-center",
-            disabled: userAccount.status === "connecting",
-            onClick: openConnectModal,
+            onClick: () => setOpen(true),
             autoFocus: true,
             children: "Connect wallet"
           },
@@ -550,8 +546,8 @@ function ConnectWallet() {
 }
 
 // src/onboarding/ConnectedSteps.tsx
-import { useEffect as useEffect15, useMemo as useMemo4, useRef as useRef4, useState as useState6 } from "react";
-import { twMerge as twMerge17 } from "tailwind-merge";
+import { useEffect as useEffect15, useMemo as useMemo4, useRef as useRef5, useState as useState5 } from "react";
+import { twMerge as twMerge18 } from "tailwind-merge";
 
 // src/onboarding/usePrerequisites.ts
 import { useClient as useClient6, useConfig } from "wagmi";
@@ -596,7 +592,8 @@ var paymasterAbi = parseAbi([
   "error BalanceSystem_BalanceTooHigh(address user, uint256 balance, uint256 max)",
   "error BalanceSystem_InsufficientBalance(address user, uint256 amount, uint256 balance)",
   "function registerSpender(address spender)",
-  "function depositTo(address to) payable"
+  "function depositTo(address to) payable",
+  "function withdrawTo(address to, uint256 amount)"
 ]);
 var paymasterConfig = defineStore({
   namespaces: {
@@ -1170,8 +1167,12 @@ function EthIcon({ className, ...props }) {
 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) });
+  const parsed = parseFloat(formatted);
+  if (parsed > 0 && parsed < 1e-5) {
+    return "<0.00001";
+  }
+  const magnitude = Math.floor(parsed).toString().length;
+  return parsed.toLocaleString("en-US", { maximumFractionDigits: Math.max(0, 6 - magnitude) });
 }
 
 // src/ui/Balance.tsx
@@ -1256,6 +1257,7 @@ import { resourceToHex as resourceToHex2 } from "@latticexyz/common";
 import IBaseWorldAbi from "@latticexyz/world/out/IBaseWorld.sol/IBaseWorld.abi.json";
 
 // src/utils/callWithSignature.ts
+import { parseErc6492Signature } from "viem";
 import { writeContract as viem_writeContract } from "viem/actions";
 import { getAction as getAction3 } from "viem/utils";
 
@@ -1310,7 +1312,13 @@ async function callWithSignature({
   sessionClient,
   ...opts
 }) {
-  const signature = await signCall(opts);
+  const rawSignature = await signCall(opts);
+  const { address, signature } = parseErc6492Signature(rawSignature);
+  if (address != null) {
+    throw new Error(
+      "ERC-6492 signatures, like from Coinbase Smart Wallet, are not yet supported. Try using a different wallet?"
+    );
+  }
   return getAction3(
     sessionClient,
     viem_writeContract,
@@ -1613,7 +1621,7 @@ function Session({ isActive, isExpanded, userClient, registerSpender, registerDe
 }
 
 // src/onboarding/GasBalance.tsx
-import { useEffect as useEffect9, useState as useState3 } from "react";
+import { useEffect as useEffect9, useState as useState2 } from "react";
 import { parseEther as parseEther4 } from "viem";
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { useBalance as useBalance2, useWatchBlockNumber } from "wagmi";
@@ -1922,9 +1930,9 @@ function useSetBalance() {
 }
 
 // src/errors/usePrevious.ts
-import { useEffect as useEffect8, useRef as useRef2 } from "react";
+import { useEffect as useEffect8, useRef as useRef3 } from "react";
 function usePrevious(value, initialValue) {
-  const ref = useRef2();
+  const ref = useRef3();
   useEffect8(() => {
     ref.current = { value };
   }, [value]);
@@ -1985,7 +1993,7 @@ import { Fragment, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function GasBalance({ isActive, isExpanded, sessionAddress }) {
   const queryClient = useQueryClient6();
   const { chain } = useEntryKitConfig();
-  const [copied, setCopied] = useState3(false);
+  const [copied, setCopied] = useState2(false);
   const balance = useShowQueryError(useBalance2({ chainId: chain.id, address: sessionAddress }));
   const prevBalance = usePrevious(balance.data);
   useWatchBlockNumber({ onBlockNumber: () => balance.refetch() });
@@ -2069,24 +2077,28 @@ function GasBalance({ isActive, isExpanded, sessionAddress }) {
   ] });
 }
 
+// src/onboarding/quarry/GasBalance.tsx
+import { useEffect as useEffect14 } from "react";
+import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+
 // src/onboarding/deposit/DepositFormContainer.tsx
-import { useState as useState5 } from "react";
+import { useState as useState4 } from "react";
 import { useChains as useChains4, useChainId } from "wagmi";
 
 // src/onboarding/deposit/DepositViaTransferForm.tsx
-import { useAccount as useAccount5, useWriteContract, usePrepareTransactionRequest, usePublicClient } from "wagmi";
+import { useAccount as useAccount4, useWriteContract, usePrepareTransactionRequest, usePublicClient } from "wagmi";
 import { encodeFunctionData as encodeFunctionData2 } from "viem";
-import { useMutation as useMutation4, useQuery as useQuery11 } from "@tanstack/react-query";
+import { useMutation as useMutation4, useQuery as useQuery12 } from "@tanstack/react-query";
 
 // src/onboarding/deposit/DepositForm.tsx
-import { useEffect as useEffect11, useRef as useRef3 } from "react";
-import { useAccount as useAccount4, useBalance as useBalance5, useWatchBlockNumber as useWatchBlockNumber2 } from "wagmi";
+import { useEffect as useEffect11, useRef as useRef4 } from "react";
+import { useAccount as useAccount3, useBalance as useBalance4, useWatchBlockNumber as useWatchBlockNumber2 } from "wagmi";
 import { useIsMounted } from "usehooks-ts";
 import { twMerge as twMerge15 } from "tailwind-merge";
 
 // src/onboarding/deposit/ChainSelect.tsx
 import { useEffect as useEffect10, useMemo as useMemo2 } from "react";
-import { useAccount as useAccount2, useSwitchChain } from "wagmi";
+import { useSwitchChain } from "wagmi";
 import { twMerge as twMerge12 } from "tailwind-merge";
 import * as Select from "@radix-ui/react-select";
 
@@ -2151,8 +2163,7 @@ function Input({ asChild, className, ...props }) {
       className: twMerge9(
         "p-2.5 gap-1 border text-lg font-medium transition",
         "outline-none ring-2 ring-transparent focus-within:ring-orange-500 focus-within:border-transparent",
-        "bg-white border-neutral-300 text-black placeholder:text-neutral-400",
-        "dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:placeholder:text-neutral-500",
+        "bg-neutral-900 border-neutral-700 text-white placeholder:text-neutral-500",
         className
       ),
       ...props
@@ -2160,42 +2171,34 @@ function Input({ asChild, className, ...props }) {
   );
 }
 
-// src/onboarding/deposit/ChainBalance.tsx
-import { useBalance as useBalance3 } from "wagmi";
-import { Fragment as Fragment2, jsx as jsx23 } from "react/jsx-runtime";
-function ChainBalance({ chainId, address }) {
-  const balance = useBalance3({ chainId, address });
-  return /* @__PURE__ */ jsx23(Fragment2, { children: balance.data ? /* @__PURE__ */ jsx23(Balance, { wei: balance.data.value }) : /* @__PURE__ */ jsx23(PendingIcon, {}) });
-}
-
 // src/onboarding/deposit/ChainIcon.tsx
 import { twMerge as twMerge11 } from "tailwind-merge";
 
 // src/onboarding/deposit/PreloadedImage.tsx
 import { twMerge as twMerge10 } from "tailwind-merge";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function PreloadedImage({ url, fallback: fallback2, className }) {
   const { isSuccess, isLoading } = usePreloadImage(url);
-  return /* @__PURE__ */ jsx24("span", { className: twMerge10("inline-flex w-full h-full items-center justify-center overflow-clip", className), children: !isLoading ? isSuccess ? /* @__PURE__ */ jsx24("img", { src: url, className: "w-full h-full object-cover" }) : fallback2 : null });
+  return /* @__PURE__ */ jsx23("span", { className: twMerge10("inline-flex w-full h-full items-center justify-center overflow-clip", className), children: !isLoading ? isSuccess ? /* @__PURE__ */ jsx23("img", { src: url, className: "w-full h-full object-cover" }) : fallback2 : null });
 }
 
 // src/onboarding/deposit/ChainIcon.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var ChainIcon = forwardRef2(function ChainIcon2({ name, url, className }, forwardedRef) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       ref: forwardedRef,
       className: twMerge11("flex-shrink-0 inline-flex w-6 aspect-square rounded-full overflow-clip", className),
-      children: url ? /* @__PURE__ */ jsx25(PreloadedImage, { url }) : (
+      children: url ? /* @__PURE__ */ jsx24(PreloadedImage, { url }) : (
         // TODO: better placeholder
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx24(
           "span",
           {
             className: twMerge11(
               "inline-flex items-center justify-center w-full h-full rounded-full",
-              "border-2 border-dashed border-black/20 dark:border-white/50 opacity-50"
+              "border-2 border-dashed border-white/50 opacity-50"
             ),
             children: name?.slice(0, 1)
           }
@@ -2239,12 +2242,36 @@ function useRelay() {
   });
 }
 
+// src/onboarding/deposit/useChainBalances.ts
+import { useAccount, useConfig as useWagmiConfig } from "wagmi";
+import { getBalance as getBalance2 } from "wagmi/actions";
+import { useQuery as useQuery11, skipToken as skipToken8 } from "@tanstack/react-query";
+import { isNotNull } from "@latticexyz/common/utils";
+function useChainBalances({ chains }) {
+  const { address: userAddress } = useAccount();
+  const wagmiConfig = useWagmiConfig();
+  const chainIds = chains.map((chain) => chain.id);
+  return useQuery11({
+    queryKey: ["chainBalances", chainIds, userAddress],
+    queryFn: userAddress ? async () => {
+      const chainBalances = await Promise.allSettled(
+        chains.map(async (chain) => {
+          const balance = await getBalance2(wagmiConfig, { chainId: chain.id, address: userAddress });
+          return { chain, balance };
+        })
+      );
+      return chainBalances.map((result) => result.status === "fulfilled" ? result.value : null).filter(isNotNull);
+    } : skipToken8,
+    refetchInterval: 1e3 * 60,
+    retry: 1
+  });
+}
+
 // src/onboarding/deposit/ChainSelect.tsx
-import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function ChainSelect({ value, onChange }) {
   const theme = useTheme();
   const { frame } = useFrame();
-  const userAccount = useAccount2();
   const { chains, switchChain } = useSwitchChain();
   const relay = useRelay();
   const relayChains = relay.data?.chains;
@@ -2258,27 +2285,33 @@ function ChainSelect({ value, onChange }) {
     }).filter((c) => c.relayChain);
   }, [chains, relayChains]);
   const selectedChain = sourceChains.find((c) => c.id === value);
+  const { data: chainsBalances, isLoading } = useShowQueryError(useChainBalances({ chains: sourceChains }));
+  const renderedChains = useMemo2(() => {
+    if (!chainsBalances) return [];
+    const chainsWithBalance = chainsBalances.filter(({ balance }) => balance.value > 0n).map(({ chain, balance }) => ({ chain, balance: balance.value }));
+    return chainsWithBalance.length > 0 ? chainsWithBalance : sourceChains.map((chain) => ({ chain, balance: 0n }));
+  }, [chainsBalances, sourceChains]);
   useEffect10(() => {
-    if (sourceChains.length > 0 && !selectedChain) {
-      const defaultChain = sourceChains[0];
+    if (renderedChains.length > 0 && (!selectedChain || !renderedChains.find((c) => c.chain.id === selectedChain?.id))) {
+      const defaultChain = renderedChains[0].chain;
       onChange(defaultChain.id);
       switchChain({ chainId: defaultChain.id });
     }
-  }, [value, selectedChain, sourceChains, onChange, switchChain]);
+  }, [value, selectedChain, renderedChains, onChange, switchChain]);
   return /* @__PURE__ */ jsxs15(
     Select.Root,
     {
       value: value.toString(),
       onValueChange: (value2) => {
         if (value2) {
-          const chain = sourceChains.find((chain2) => chain2.id.toString() === value2);
+          const chain = renderedChains.find((item) => item.chain.id.toString() === value2)?.chain;
           if (!chain) throw new Error(`Unknown chain selected: ${value2}`);
           onChange(chain.id);
         }
       },
       children: [
-        /* @__PURE__ */ jsx26(Input, { asChild: true, children: /* @__PURE__ */ jsxs15(Select.Trigger, { className: "group inline-flex items-center justify-center", children: [
-          /* @__PURE__ */ jsx26(Select.Value, { asChild: true, children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(Input, { asChild: true, children: /* @__PURE__ */ jsxs15(Select.Trigger, { className: "group inline-flex items-center justify-center", children: [
+          /* @__PURE__ */ jsx25(Select.Value, { asChild: true, children: /* @__PURE__ */ jsx25(
             ChainIcon,
             {
               id: selectedChain?.id,
@@ -2287,42 +2320,45 @@ function ChainSelect({ value, onChange }) {
               className: "w-8"
             }
           ) }),
-          /* @__PURE__ */ jsx26(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-            /* @__PURE__ */ jsx26(ChevronDownIcon, { className: "text-sm -mr-1 group-aria-expanded:hidden" }),
-            /* @__PURE__ */ jsx26(ChevronUpIcon, { className: "text-sm -mr-1 hidden group-aria-expanded:inline" })
+          /* @__PURE__ */ jsx25(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxs15(Fragment2, { children: [
+            /* @__PURE__ */ jsx25(ChevronDownIcon, { className: "text-sm -mr-1 group-aria-expanded:hidden" }),
+            /* @__PURE__ */ jsx25(ChevronUpIcon, { className: "text-sm -mr-1 hidden group-aria-expanded:inline" })
           ] }) })
         ] }) }),
-        frame.contentDocument ? /* @__PURE__ */ jsx26(Select.Portal, { container: frame.contentDocument.body, children: /* @__PURE__ */ jsx26(Select.Content, { position: "popper", className: "w-[352px] mt-1 animate-in fade-in slide-in-from-top-2", children: /* @__PURE__ */ jsx26(Select.Viewport, { children: /* @__PURE__ */ jsx26(
-          Select.Group,
+        frame.contentDocument ? /* @__PURE__ */ jsx25(Select.Portal, { container: frame.contentDocument.body, children: /* @__PURE__ */ jsx25(
+          Select.Content,
           {
-            className: twMerge12(
-              "flex flex-col border divide-y",
-              "bg-neutral-100 text-neutral-700 border-neutral-300 divide-neutral-300",
-              "dark:bg-neutral-800 dark:text-neutral-300 dark:border-neutral-700 dark:divide-neutral-700"
-            ),
-            children: sourceChains.map((chain) => (
-              // TODO: figure out why up/down arrow jump to top/bottom rather than cycling through items
-              /* @__PURE__ */ jsxs15(
-                Select.Item,
-                {
-                  value: chain.id.toString(),
-                  className: twMerge12(
-                    "group flex p-2.5 gap-2.5 items-center cursor-pointer outline-none",
-                    // TODO: different style for checked/active state
-                    "text-black focus:bg-white data-[state=checked]:bg-neutral-200",
-                    "dark:text-white dark:focus:bg-neutral-700 dark:data-[state=checked]:bg-neutral-900"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx26(ChainIcon, { id: chain.id, name: chain.name, url: chain.relayChain?.icon?.[theme] }),
-                    /* @__PURE__ */ jsx26("span", { className: "flex-grow flex-shrink-0", children: chain.name }),
-                    /* @__PURE__ */ jsx26("span", { className: "flex-shrink-0 font-mono text-sm text-neutral-500 dark:text-neutral-400", children: /* @__PURE__ */ jsx26(ChainBalance, { chainId: chain.id, address: userAccount.address }) })
-                  ]
-                },
-                chain.id
-              )
-            ))
+            position: "popper",
+            className: "w-[352px] max-h-[230px] overflow-y-auto mt-1 animate-in fade-in slide-in-from-top-2",
+            children: /* @__PURE__ */ jsx25(Select.Viewport, { children: /* @__PURE__ */ jsx25(
+              Select.Group,
+              {
+                className: twMerge12(
+                  "flex flex-col border divide-y",
+                  "bg-neutral-800 text-neutral-300 border-neutral-700 divide-neutral-700"
+                ),
+                children: isLoading ? /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx25(PendingIcon, { className: "h-6 w-6 animate-spin text-gray-400" }) }) : renderedChains.map(({ chain, balance }) => {
+                  return /* @__PURE__ */ jsxs15(
+                    Select.Item,
+                    {
+                      value: chain.id.toString(),
+                      className: twMerge12(
+                        "group flex p-2.5 gap-2.5 items-center cursor-pointer outline-none",
+                        "text-white focus:bg-neutral-700 data-[state=checked]:bg-neutral-900"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx25(ChainIcon, { id: chain.id, name: chain.name, url: chain.relayChain?.icon?.[theme] }),
+                        /* @__PURE__ */ jsx25("span", { className: "flex-grow flex-shrink-0", children: chain.name }),
+                        /* @__PURE__ */ jsx25("span", { className: "flex-shrink-0 font-mono text-sm text-neutral-400", children: /* @__PURE__ */ jsx25(Balance, { wei: balance }) })
+                      ]
+                    },
+                    chain.id
+                  );
+                })
+              }
+            ) })
           }
-        ) }) }) }) : null
+        ) }) : null
       ]
     }
   );
@@ -2332,18 +2368,14 @@ function ChainSelect({ value, onChange }) {
 import { formatEther as formatEther3, parseEther as parseEther5 } from "viem";
 import { twMerge as twMerge13 } from "tailwind-merge";
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var AmountInput = forwardRef3(function AmountInput2({ initialAmount, onChange }, forwardedRef) {
-  return /* @__PURE__ */ jsx27(Input, { asChild: true, className: "w-full cursor-text flex items-center", children: /* @__PURE__ */ jsxs16("label", { children: [
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(Input, { asChild: true, className: "w-full cursor-text flex items-center", children: /* @__PURE__ */ jsxs16("label", { children: [
+    /* @__PURE__ */ jsx26(
       "input",
       {
         ref: forwardedRef,
-        className: twMerge13(
-          "peer flex-grow outline-none bg-transparent",
-          "placeholder:text-neutral-400",
-          "dark:placeholder:text-neutral-500"
-        ),
+        className: twMerge13("peer flex-grow outline-none bg-transparent", "placeholder:text-neutral-500"),
         placeholder: "0.005",
         required: true,
         autoFocus: true,
@@ -2364,33 +2396,23 @@ var AmountInput = forwardRef3(function AmountInput2({ initialAmount, onChange },
         }
       }
     ),
-    /* @__PURE__ */ jsx27(
-      "span",
-      {
-        className: twMerge13(
-          "flex-shrink-0 text-2xl",
-          "peer-placeholder-shown:text-neutral-400",
-          "dark:peer-placeholder-shown:text-neutral-500"
-        ),
-        children: /* @__PURE__ */ jsx27(EthIcon, {})
-      }
-    )
+    /* @__PURE__ */ jsx26("span", { className: twMerge13("flex-shrink-0 text-2xl", "peer-placeholder-shown:text-neutral-500"), children: /* @__PURE__ */ jsx26(EthIcon, {}) })
   ] }) });
 });
 
 // src/onboarding/deposit/SubmitButton.tsx
-import { useAccount as useAccount3, useBalance as useBalance4, useSwitchChain as useSwitchChain2 } from "wagmi";
+import { useAccount as useAccount2, useBalance as useBalance3, useSwitchChain as useSwitchChain2 } from "wagmi";
 import { twMerge as twMerge14 } from "tailwind-merge";
 import { parseEther as parseEther6 } from "viem";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var MAX_DEPOSIT_AMOUNT = "0.1";
 function SubmitButton({ amount, chainId, className, ...buttonProps }) {
-  const { chainId: userChainId, address: userAddress } = useAccount3();
-  const { data: userBalance } = useBalance4({ address: userAddress });
+  const { chainId: userChainId, address: userAddress } = useAccount2();
+  const { data: userBalance } = useBalance3({ address: userAddress });
   const shouldSwitchChain = chainId != null && chainId !== userChainId;
   const switchChain = useSwitchChain2();
   if (shouldSwitchChain) {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx27(
       Button,
       {
         type: "button",
@@ -2409,16 +2431,16 @@ function SubmitButton({ amount, chainId, className, ...buttonProps }) {
         " ETH"
       ] });
     } else if (amount > (userBalance?.value ?? 0n)) {
-      return /* @__PURE__ */ jsx28(Button, { type: "button", className: twMerge14("w-full", className), disabled: true, children: "Insufficient balance" });
+      return /* @__PURE__ */ jsx27(Button, { type: "button", className: twMerge14("w-full", className), disabled: true, children: "Insufficient balance" });
     }
   }
-  return /* @__PURE__ */ jsx28(Button, { type: "submit", className: twMerge14("w-full", className), ...buttonProps });
+  return /* @__PURE__ */ jsx27(Button, { type: "submit", className: twMerge14("w-full", className), ...buttonProps });
 }
 
 // src/icons/WarningIcon.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function WarningIcon(props) {
-  return /* @__PURE__ */ jsx29(IconSVG, { fill: "none", ...props, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(IconSVG, { fill: "none", ...props, children: /* @__PURE__ */ jsx28(
     "path",
     {
       d: "M12 9V11M12 15H12.01M5.07183 19H18.9282C20.4678 19 21.4301 17.3333 20.6603 16L13.7321 4C12.9623 2.66667 11.0378 2.66667 10.268 4L3.33978 16C2.56998 17.3333 3.53223 19 5.07183 19Z",
@@ -2439,7 +2461,7 @@ function formatGas(wei) {
 }
 
 // src/onboarding/deposit/DepositForm.tsx
-import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function DepositForm({
   sourceChain,
   setSourceChainId,
@@ -2450,10 +2472,10 @@ function DepositForm({
   onSubmit,
   submitButton
 }) {
-  const amountInputRef = useRef3(null);
+  const amountInputRef = useRef4(null);
   const isMounted = useIsMounted();
-  const { address: userAddress, chainId: userChainId } = useAccount4();
-  const balance = useShowQueryError(useBalance5({ chainId: sourceChain.id, address: userAddress }));
+  const { address: userAddress, chainId: userChainId } = useAccount3();
+  const balance = useShowQueryError(useBalance4({ chainId: sourceChain.id, address: userAddress }));
   const quarryBalance = useShowQueryError(useBalance(userAddress));
   useWatchBlockNumber2({
     onBlockNumber: () => {
@@ -2488,33 +2510,32 @@ function DepositForm({
       },
       children: [
         /* @__PURE__ */ jsxs18("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx30(ChainSelect, { value: sourceChain.id, onChange: setSourceChainId }),
-          /* @__PURE__ */ jsx30(AmountInput, { ref: amountInputRef, initialAmount: amount, onChange: setAmount })
+          /* @__PURE__ */ jsx29(ChainSelect, { value: sourceChain.id, onChange: setSourceChainId }),
+          /* @__PURE__ */ jsx29(AmountInput, { ref: amountInputRef, initialAmount: amount, onChange: setAmount })
         ] }),
         /* @__PURE__ */ jsxs18(
           "dl",
           {
             className: twMerge15(
               "grid grid-cols-2 divide-y text-sm leading-loose [&_>_:is(dt,dd)]:px-1 [&_>_dd]:text-right",
-              "divide-neutral-200 text-neutral-500",
-              "dark:divide-neutral-700 dark:text-neutral-400"
+              "divide-neutral-700 text-neutral-400"
             ),
             children: [
-              /* @__PURE__ */ jsx30("dt", { children: "Available to deposit" }),
-              /* @__PURE__ */ jsx30("dd", { children: balance.isSuccess ? /* @__PURE__ */ jsx30(Balance, { wei: balance.data.value }) : balance.isError ? /* @__PURE__ */ jsx30("span", { title: String(balance.error), children: /* @__PURE__ */ jsx30(WarningIcon, { className: "inline-block text-amber-500" }) }) : balance.isLoading ? /* @__PURE__ */ jsx30(PendingIcon, { className: "inline-block text-xs" }) : null }),
-              /* @__PURE__ */ jsx30("dt", { children: "Gas balance after deposit" }),
-              /* @__PURE__ */ jsx30("dd", { children: /* @__PURE__ */ jsx30(Balance, { wei: (quarryBalance.data ?? 0n) + (amount ?? 0n) }) }),
-              /* @__PURE__ */ jsx30("dt", { children: "Estimated fee" }),
-              /* @__PURE__ */ jsx30("dd", { children: estimatedFee.fee ? /* @__PURE__ */ jsxs18(Fragment4, { children: [
+              /* @__PURE__ */ jsx29("dt", { children: "Available to deposit" }),
+              /* @__PURE__ */ jsx29("dd", { children: balance.isSuccess ? /* @__PURE__ */ jsx29(Balance, { wei: balance.data.value }) : balance.isError ? /* @__PURE__ */ jsx29("span", { title: String(balance.error), children: /* @__PURE__ */ jsx29(WarningIcon, { className: "inline-block text-amber-500" }) }) : balance.isLoading ? /* @__PURE__ */ jsx29(PendingIcon, { className: "inline-block text-xs" }) : null }),
+              /* @__PURE__ */ jsx29("dt", { children: "Gas balance after deposit" }),
+              /* @__PURE__ */ jsx29("dd", { children: /* @__PURE__ */ jsx29(Balance, { wei: (quarryBalance.data ?? 0n) + (amount ?? 0n) }) }),
+              /* @__PURE__ */ jsx29("dt", { children: "Estimated fee" }),
+              /* @__PURE__ */ jsx29("dd", { children: estimatedFee.fee ? /* @__PURE__ */ jsxs18(Fragment3, { children: [
                 formatGas(estimatedFee.fee),
                 " gwei"
-              ] }) : estimatedFee.error ? /* @__PURE__ */ jsx30("span", { title: String(estimatedFee.error), children: /* @__PURE__ */ jsx30(WarningIcon, { className: "inline-block text-amber-500" }) }) : estimatedFee.isLoading ? /* @__PURE__ */ jsx30(PendingIcon, { className: "inline-block text-xs" }) : null }),
-              /* @__PURE__ */ jsx30("dt", { children: "Time to deposit" }),
-              /* @__PURE__ */ jsx30("dd", { children: estimatedTime })
+              ] }) : estimatedFee.error ? /* @__PURE__ */ jsx29("span", { title: String(estimatedFee.error), children: /* @__PURE__ */ jsx29(WarningIcon, { className: "inline-block text-amber-500" }) }) : estimatedFee.isLoading ? /* @__PURE__ */ jsx29(PendingIcon, { className: "inline-block text-xs" }) : null }),
+              /* @__PURE__ */ jsx29("dt", { children: "Time to deposit" }),
+              /* @__PURE__ */ jsx29("dd", { children: estimatedTime })
             ]
           }
         ),
-        hasMinimumBalance ? submitButton : /* @__PURE__ */ jsx30(SubmitButton, { disabled: true, children: "Not enough funds" })
+        hasMinimumBalance ? submitButton : /* @__PURE__ */ jsx29(SubmitButton, { disabled: true, children: "Not enough funds" })
       ]
     }
   );
@@ -2568,18 +2589,18 @@ function useDeposits() {
 }
 
 // src/onboarding/deposit/DepositViaTransferForm.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChainId }) {
   const { chain } = useEntryKitConfig();
   const paymaster = getPaymaster(chain);
   const publicClient = usePublicClient();
-  const { address: userAddress } = useAccount5();
+  const { address: userAddress } = useAccount4();
   const { writeContractAsync } = useWriteContract();
   const { addDeposit } = useDeposits();
   if (!userAddress) {
     throw new Error("User address not found");
   }
-  const { data: gasPrice } = useQuery11({
+  const { data: gasPrice } = useQuery12({
     queryKey: ["gasPrice", sourceChain.id],
     queryFn: async () => {
       if (!publicClient) throw new Error("Public client not available");
@@ -2636,7 +2657,7 @@ function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChain
     }
   });
   const estimatedFee = prepareData?.gas && gasPrice ? prepareData.gas * gasPrice : void 0;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     DepositForm,
     {
       sourceChain,
@@ -2652,7 +2673,7 @@ function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChain
       onSubmit: async () => {
         await deposit.mutateAsync();
       },
-      submitButton: /* @__PURE__ */ jsx31(
+      submitButton: /* @__PURE__ */ jsx30(
         SubmitButton,
         {
           variant: "primary",
@@ -2669,19 +2690,19 @@ function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChain
 
 // src/onboarding/deposit/DepositViaRelayForm.tsx
 import { encodeFunctionData as encodeFunctionData3 } from "viem";
-import { useAccount as useAccount6, useWalletClient } from "wagmi";
-import { useMutation as useMutation5, useQuery as useQuery12 } from "@tanstack/react-query";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { useAccount as useAccount5, useWalletClient } from "wagmi";
+import { useMutation as useMutation5, useQuery as useQuery13 } from "@tanstack/react-query";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
 function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId }) {
   const { chain, chainId: destinationChainId } = useEntryKitConfig();
   const paymaster = getPaymaster(chain);
   const { data: wallet } = useWalletClient();
-  const { address: userAddress } = useAccount6();
+  const { address: userAddress } = useAccount5();
   const { addDeposit } = useDeposits();
   const { data: relay } = useRelay();
   const relayClient = relay?.client;
-  const quote = useQuery12({
+  const quote = useQuery13({
     queryKey: ["relayBridgeQuote", sourceChain.id, amount?.toString()],
     queryFn: async () => {
       if (!relayClient) throw new Error("No Relay client found.");
@@ -2757,7 +2778,7 @@ function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId
   const gasFee = BigInt(fees?.gas?.amount ?? 0);
   const relayerFee = BigInt(fees?.relayer?.amount ?? 0);
   const fee = gasFee + relayerFee;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     DepositForm,
     {
       sourceChain,
@@ -2774,7 +2795,7 @@ function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId
         if (!quote.data || !amount) return;
         await deposit.mutateAsync({ quote: quote.data, amount });
       },
-      submitButton: /* @__PURE__ */ jsx32(
+      submitButton: /* @__PURE__ */ jsx31(
         SubmitButton,
         {
           variant: "primary",
@@ -2791,19 +2812,19 @@ function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId
 
 // src/onboarding/deposit/Deposits.tsx
 import { useEffect as useEffect13 } from "react";
-import { useQuery as useQuery15, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+import { useQuery as useQuery16, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 
 // src/onboarding/deposit/TransferDepositStatus.tsx
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 
 // src/onboarding/deposit/DepositStatus.tsx
-import { useEffect as useEffect12, useState as useState4 } from "react";
+import { useEffect as useEffect12, useState as useState3 } from "react";
 import { twMerge as twMerge16 } from "tailwind-merge";
 
 // src/icons/CloseIcon.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function CloseIcon(props) {
-  return /* @__PURE__ */ jsx33(IconSVG, { strokeWidth: "2", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(IconSVG, { strokeWidth: "2", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx32(
     "path",
     {
       d: "M6 18L18 6M6 6L18 18",
@@ -2817,18 +2838,18 @@ function CloseIcon(props) {
 }
 
 // src/onboarding/deposit/DepositStatus.tsx
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 function DepositStatus({ status, progress, children, onDismiss }) {
-  const [appear, setAppear] = useState4(false);
+  const [appear, setAppear] = useState3(false);
   useEffect12(() => {
     setAppear(true);
   }, []);
-  return /* @__PURE__ */ jsxs19("div", { className: "group bg-white dark:bg-neutral-900 flex flex-col animate-in fade-in slide-in-from-bottom-2 animate-out fade-out", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: "group bg-neutral-900 flex flex-col animate-in fade-in slide-in-from-bottom-2 animate-out fade-out", children: [
     /* @__PURE__ */ jsxs19("div", { className: "py-1 text-sm flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx34("div", { className: "flex-grow", children }),
+      /* @__PURE__ */ jsx33("div", { className: "flex-grow", children }),
       /* @__PURE__ */ jsxs19("div", { className: "flex-shrink-0 grid", children: [
-        /* @__PURE__ */ jsx34("span", { className: "col-start-1 row-start-1 transition opacity-100 group-hover:opacity-0 group-hover:pointer-events-none", children: status === "success" ? /* @__PURE__ */ jsx34(CheckIcon, { className: "text-green-600" }) : status === "error" ? /* @__PURE__ */ jsx34(WarningIcon, { className: "text-amber-500" }) : /* @__PURE__ */ jsx34(PendingIcon, { className: "text-neutral-400 dark:text-neutral-500 transition" }) }),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33("span", { className: "col-start-1 row-start-1 transition opacity-100 group-hover:opacity-0 group-hover:pointer-events-none", children: status === "success" ? /* @__PURE__ */ jsx33(CheckIcon, { className: "text-green-600" }) : status === "error" ? /* @__PURE__ */ jsx33(WarningIcon, { className: "text-amber-500" }) : /* @__PURE__ */ jsx33(PendingIcon, { className: "text-neutral-500 transition" }) }),
+        /* @__PURE__ */ jsx33(
           "button",
           {
             type: "button",
@@ -2836,22 +2857,21 @@ function DepositStatus({ status, progress, children, onDismiss }) {
               "col-start-1 row-start-1 flex items-center justify-center transition",
               "opacity-0 pointer-events-none",
               "group-hover:opacity-100 group-hover:pointer-events-auto",
-              "text-neutral-400 hover:text-black",
-              "dark:text-neutral-500 dark:hover:text-white"
+              "text-neutral-500 hover:text-white"
             ),
             title: "Dismiss",
             onClick: onDismiss,
-            children: /* @__PURE__ */ jsx34(CloseIcon, {})
+            children: /* @__PURE__ */ jsx33(CloseIcon, {})
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx34("div", { className: "w-full h-[2px] -mt-full overflow-clip", children: /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx33("div", { className: "w-full h-[2px] -mt-full overflow-clip", children: /* @__PURE__ */ jsx33(
       "div",
       {
         className: twMerge16(
           "w-full h-full transition ease-linear",
-          status === "success" ? "bg-green-500 dark:bg-green-600" : status === "error" ? "bg-red-500 dark:bg-red-600" : "bg-blue-500 dark:bg-blue-600",
+          status === "success" ? "bg-green-600" : status === "error" ? "bg-red-600" : "bg-blue-600",
           status === "pending" ? "opacity-100" : "opacity-0"
         ),
         style: status === "pending" ? {
@@ -2866,7 +2886,7 @@ function DepositStatus({ status, progress, children, onDismiss }) {
 
 // src/onboarding/deposit/TransferDepositStatus.tsx
 import { useChains as useChains2 } from "wagmi";
-import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 function TransferDepositStatus({
   amount,
   chainL1Id,
@@ -2878,11 +2898,11 @@ function TransferDepositStatus({
 }) {
   const chains = useChains2();
   const chain = chains.find((chain2) => chain2.id === chainL1Id);
-  const receipt = useQuery13({
+  const receipt = useQuery14({
     queryKey: ["transferDepositStatus", hash],
     queryFn: () => receiptPromise
   });
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     DepositStatus,
     {
       status: receipt.status,
@@ -2894,10 +2914,10 @@ function TransferDepositStatus({
       children: (() => {
         const blockExplorer = chain.blockExplorers?.default.url;
         if (receipt.status === "pending") {
-          return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+          return /* @__PURE__ */ jsxs20(Fragment4, { children: [
             "Confirming deposit on",
             " ",
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx34(
               "a",
               {
                 href: blockExplorer ? `${blockExplorer}/tx/${hash}` : void 0,
@@ -2910,10 +2930,10 @@ function TransferDepositStatus({
           ] });
         }
         if (receipt.status === "error") {
-          return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+          return /* @__PURE__ */ jsxs20(Fragment4, { children: [
             "Could not find deposit on",
             " ",
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx34(
               "a",
               {
                 href: blockExplorer ? `${blockExplorer}/tx/${hash}` : void 0,
@@ -2925,10 +2945,10 @@ function TransferDepositStatus({
             "."
           ] });
         }
-        return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+        return /* @__PURE__ */ jsxs20(Fragment4, { children: [
           "Successfully",
           " ",
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx34(
             "a",
             {
               href: blockExplorer ? `${blockExplorer}/tx/${receipt.data.transactionHash}` : void 0,
@@ -2938,7 +2958,7 @@ function TransferDepositStatus({
             }
           ),
           " ",
-          /* @__PURE__ */ jsx35(Balance, { wei: amount })
+          /* @__PURE__ */ jsx34(Balance, { wei: amount })
         ] });
       })()
     }
@@ -2946,9 +2966,9 @@ function TransferDepositStatus({
 }
 
 // src/onboarding/deposit/RelayDepositStatus.tsx
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { useChains as useChains3 } from "wagmi";
-import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 function RelayDepositStatus({
   amount,
   chainL1Id,
@@ -2961,11 +2981,11 @@ function RelayDepositStatus({
   const chains = useChains3();
   const chainL1 = chains.find((chain) => chain.id === chainL1Id);
   const chainL2 = chains.find((chain) => chain.id === chainL2Id);
-  const deposit = useQuery14({
+  const deposit = useQuery15({
     queryKey: ["relayDepositPromise", chainL1Id, chainL2Id, amount.toString(), start.toISOString()],
     queryFn: () => depositPromise
   });
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     DepositStatus,
     {
       status: deposit.status,
@@ -2976,22 +2996,22 @@ function RelayDepositStatus({
       onDismiss,
       children: (() => {
         if (deposit.status === "pending") {
-          return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+          return /* @__PURE__ */ jsxs21(Fragment5, { children: [
             "Relay bridge deposit pending on ",
             chainL1.name,
             "\u2026"
           ] });
         }
         if (deposit.status === "error") {
-          return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+          return /* @__PURE__ */ jsxs21(Fragment5, { children: [
             "Relay bridge deposit to ",
             chainL2.name,
             " failed."
           ] });
         }
-        return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+        return /* @__PURE__ */ jsxs21(Fragment5, { children: [
           "Successfully bridged ",
-          /* @__PURE__ */ jsx36(Balance, { wei: amount }),
+          /* @__PURE__ */ jsx35(Balance, { wei: amount }),
           " to ",
           chainL2.name,
           "!"
@@ -3002,15 +3022,15 @@ function RelayDepositStatus({
 }
 
 // src/onboarding/deposit/Deposits.tsx
-import { useAccount as useAccount7, useClient as useClient11 } from "wagmi";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { useAccount as useAccount6, useClient as useClient11 } from "wagmi";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Deposits() {
   const queryClient = useQueryClient7();
   const { chainId } = useEntryKitConfig();
   const client = useClient11({ chainId });
-  const { address: userAddress } = useAccount7();
+  const { address: userAddress } = useAccount6();
   const { deposits, removeDeposit } = useDeposits();
-  const { data: isComplete } = useQuery15({
+  const { data: isComplete } = useQuery16({
     queryKey: ["depositsComplete", deposits.map((deposit) => deposit.uid)],
     queryFn: async () => {
       if (!deposits.length) return false;
@@ -3025,26 +3045,26 @@ function Deposits() {
     }
   }, [client?.uid, isComplete, queryClient, userAddress]);
   if (!deposits.length) return null;
-  return /* @__PURE__ */ jsx37("div", { className: "flex flex-col gap-1 mt-4", children: deposits.map((deposit) => {
+  return /* @__PURE__ */ jsx36("div", { className: "flex flex-col gap-1 mt-4", children: deposits.map((deposit) => {
     if (deposit.type === "transfer") {
-      return /* @__PURE__ */ jsx37(TransferDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
+      return /* @__PURE__ */ jsx36(TransferDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
     } else if (deposit.type === "relay") {
-      return /* @__PURE__ */ jsx37(RelayDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
+      return /* @__PURE__ */ jsx36(RelayDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
     }
   }) });
 }
 
 // src/onboarding/deposit/DepositFormContainer.tsx
-import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 function DepositFormContainer() {
   const { chainId: destinationChainId } = useEntryKitConfig();
   const chainId = useChainId();
   const chains = useChains4();
-  const [amount, setAmount] = useState5(void 0);
-  const [sourceChainId, setSourceChainId] = useState5(chainId);
+  const [amount, setAmount] = useState4(void 0);
+  const [sourceChainId, setSourceChainId] = useState4(chainId);
   const sourceChain = chains.find(({ id }) => id === sourceChainId);
   return /* @__PURE__ */ jsxs22("div", { className: "pt-10 pb-2", children: [
-    destinationChainId === sourceChainId ? /* @__PURE__ */ jsx38(
+    destinationChainId === sourceChainId ? /* @__PURE__ */ jsx37(
       DepositViaTransferForm,
       {
         amount,
@@ -3052,7 +3072,7 @@ function DepositFormContainer() {
         sourceChain,
         setSourceChainId
       }
-    ) : /* @__PURE__ */ jsx38(
+    ) : /* @__PURE__ */ jsx37(
       DepositViaRelayForm,
       {
         amount,
@@ -3061,14 +3081,14 @@ function DepositFormContainer() {
         setSourceChainId
       }
     ),
-    /* @__PURE__ */ jsx38(Deposits, {})
+    /* @__PURE__ */ jsx37(Deposits, {})
   ] });
 }
 
 // src/icons/ArrowLeftIcon.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function ArrowLeftIcon(props) {
-  return /* @__PURE__ */ jsx39(IconSVG, { ...props, children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(IconSVG, { ...props, children: /* @__PURE__ */ jsx38(
     "path",
     {
       d: "M19 12H5M12 19l-7-7 7-7",
@@ -3081,12 +3101,91 @@ function ArrowLeftIcon(props) {
   ) });
 }
 
-// src/onboarding/quarry/GasBalance.tsx
-import { useEffect as useEffect14 } from "react";
+// src/onboarding/quarry/WithdrawGasBalanceButton.tsx
+import { getAction as getAction6 } from "viem/utils";
+import { waitForTransactionReceipt as waitForTransactionReceipt3 } from "viem/actions";
+import { useAccount as useAccount7, useClient as useClient12, useSwitchChain as useSwitchChain3, useWriteContract as useWriteContract2 } from "wagmi";
+import { twMerge as twMerge17 } from "tailwind-merge";
+import { useMutation as useMutation6 } from "@tanstack/react-query";
 import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
-import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
-function GasBalance2({ isActive, isExpanded, isFocused, setFocused, userAddress }) {
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+function WithdrawGasBalanceButton({ userAddress }) {
+  const { writeContractAsync } = useWriteContract2();
+  const { switchChain } = useSwitchChain3();
+  const { chain, chainId } = useEntryKitConfig();
+  const { chainId: userChainId } = useAccount7();
   const queryClient = useQueryClient8();
+  const client = useClient12({ chainId });
+  const paymaster = getPaymaster(chain);
+  const balance = useShowQueryError(useBalance(userAddress));
+  const shouldSwitchChain = chainId != null && chainId !== userChainId;
+  const withdraw = useMutation6({
+    mutationKey: ["withdraw", userAddress],
+    mutationFn: async () => {
+      if (!client) throw new Error("Client not ready.");
+      if (!paymaster) throw new Error("Paymaster not found");
+      if (!balance.data) throw new Error("No gas balance to withdraw.");
+      try {
+        const hash = await writeContractAsync({
+          address: paymaster.address,
+          abi: paymasterAbi,
+          functionName: "withdrawTo",
+          args: [userAddress, balance.data],
+          chainId
+        });
+        await getAction6(client, waitForTransactionReceipt3, "waitForTransactionReceipt")({ hash });
+        await Promise.all([
+          queryClient.invalidateQueries({ queryKey: ["balance"] }),
+          queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] })
+        ]);
+      } catch (error2) {
+        console.error("Error while withdrawing", error2);
+        throw error2;
+      }
+    }
+  });
+  if (balance.data == null || balance.data === 0n) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx39(
+    "button",
+    {
+      onClick: () => {
+        if (shouldSwitchChain) {
+          return switchChain({ chainId });
+        }
+        withdraw.mutate();
+      },
+      className: twMerge17(
+        "text-sm font-medium text-white/50 group whitespace-nowrap",
+        withdraw.isPending ? "opacity-50 pointer-events-none" : "cursor-pointer hover:text-white"
+      ),
+      disabled: withdraw.isPending,
+      children: /* @__PURE__ */ jsxs23("span", { className: "inline-block", children: [
+        /* @__PURE__ */ jsxs23(
+          "span",
+          {
+            className: twMerge17(
+              "inline-flex items-center gap-1 underline decoration-neutral-500 underline-offset-4",
+              !withdraw.isPending && "hover:decoration-orange-500",
+              shouldSwitchChain && "group-hover:hidden"
+            ),
+            children: [
+              withdraw.isPending && /* @__PURE__ */ jsx39(PendingIcon, { className: "w-3 h-3" }),
+              "Withdraw"
+            ]
+          }
+        ),
+        shouldSwitchChain && /* @__PURE__ */ jsx39("span", { className: "hidden group-hover:inline-block underline decoration-neutral-500 underline-offset-4 hover:decoration-orange-500", children: "Switch chain" })
+      ] })
+    }
+  );
+}
+
+// src/onboarding/quarry/GasBalance.tsx
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+function GasBalance2({ isActive, isExpanded, isFocused, setFocused, userAddress }) {
+  const queryClient = useQueryClient9();
   const balance = useShowQueryError(useBalance(userAddress));
   const prevBalance = usePrevious(balance.data || 0n);
   useEffect14(() => {
@@ -3096,7 +3195,7 @@ function GasBalance2({ isActive, isExpanded, isFocused, setFocused, userAddress
     }
   }, [balance.data, prevBalance, setFocused, queryClient, userAddress]);
   if (isFocused) {
-    return /* @__PURE__ */ jsxs23(Fragment7, { children: [
+    return /* @__PURE__ */ jsxs24("div", { children: [
       isFocused && /* @__PURE__ */ jsx40("div", { className: "absolute top-0 left-0", children: /* @__PURE__ */ jsx40(
         "div",
         {
@@ -3108,23 +3207,26 @@ function GasBalance2({ isActive, isExpanded, isFocused, setFocused, userAddress
       /* @__PURE__ */ jsx40(DepositFormContainer, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs23("div", { children: [
+  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs24("div", { children: [
         /* @__PURE__ */ jsx40("div", { children: "Gas balance" }),
         /* @__PURE__ */ jsx40("div", { className: "font-mono text-white", children: balance.data != null ? /* @__PURE__ */ jsx40(Balance, { wei: balance.data }) : /* @__PURE__ */ jsx40(PendingIcon, { className: "text-sm" }) })
       ] }),
-      /* @__PURE__ */ jsx40(
-        Button,
-        {
-          variant: isActive ? "primary" : "tertiary",
-          className: "flex-shrink-0 text-sm p-1 w-28",
-          autoFocus: isActive || isExpanded,
-          pending: balance.status === "pending",
-          onClick: () => setFocused(true),
-          children: "Top up"
-        }
-      )
+      /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-1 justify-center items-center", children: [
+        /* @__PURE__ */ jsx40(
+          Button,
+          {
+            variant: isActive ? "primary" : "tertiary",
+            className: "flex-shrink-0 text-sm p-1 w-28",
+            autoFocus: isActive || isExpanded,
+            pending: balance.status === "pending",
+            onClick: () => setFocused(true),
+            children: "Top up"
+          }
+        ),
+        /* @__PURE__ */ jsx40(WithdrawGasBalanceButton, { userAddress })
+      ] })
     ] }),
     isExpanded ? /* @__PURE__ */ jsx40("p", { className: "text-sm", children: "Your gas balance is used to pay for onchain computation." }) : null
   ] });
@@ -3135,7 +3237,7 @@ import { jsx as jsx41 } from "react/jsx-runtime";
 function ConnectedSteps({ userClient, initialUserAddress }) {
   const { chain } = useEntryKitConfig();
   const paymaster = getPaymaster(chain);
-  const [focusedId, setFocusedId] = useState6(null);
+  const [focusedId, setFocusedId] = useState5(null);
   const userAddress = userClient.account.address;
   const { data: prerequisites, error: prerequisitesError } = usePrerequisites(userAddress);
   useEffect15(() => {
@@ -3145,7 +3247,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
   }, [prerequisitesError]);
   const { closeAccountModal } = useAccountModal();
   const isNewConnection = userAddress !== initialUserAddress;
-  const initialPrerequisites = useRef4(prerequisites);
+  const initialPrerequisites = useRef5(prerequisites);
   useEffect15(() => {
     if (prerequisites == null) return;
     if (initialPrerequisites.current == null) {
@@ -3215,7 +3317,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
     userAddress,
     userClient
   ]);
-  const [selectedStepId] = useState6(null);
+  const [selectedStepId] = useState5(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);
@@ -3223,9 +3325,9 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
   return /* @__PURE__ */ jsx41(
     "div",
     {
-      className: twMerge17(
+      className: twMerge18(
         "px-8 flex flex-col",
-        focusedId && "divide-y divide-neutral-800",
+        "divide-y divide-neutral-800",
         "animate-in animate-duration-300 fade-in slide-in-from-bottom-8"
       ),
       children: steps.map((step, i) => {
@@ -3245,20 +3347,20 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
           }
           return null;
         }
-        return /* @__PURE__ */ jsx41("div", { className: twMerge17("py-8 flex flex-col justify-center", isActive ? "flex-grow" : null), children: /* @__PURE__ */ jsx41("div", { className: twMerge17("flex flex-col", isDisabled ? "opacity-30 pointer-events-none" : null), children: content }) }, step.id);
+        return /* @__PURE__ */ jsx41("div", { className: twMerge18("py-8 flex flex-col justify-center", isActive ? "flex-grow" : null), children: /* @__PURE__ */ jsx41("div", { className: twMerge18("flex flex-col", isDisabled ? "opacity-30 pointer-events-none" : null), children: content }) }, step.id);
       })
     }
   );
 }
 
 // src/AccountModalContent.tsx
-import { useRef as useRef5 } from "react";
+import { useRef as useRef6 } from "react";
 import { jsx as jsx42 } from "react/jsx-runtime";
 function AccountModalContent() {
   const { chainId } = useEntryKitConfig();
   const userClient = useConnectorClient({ chainId });
   const { address: userAddress } = useAccount8();
-  const initialUserAddress = useRef5(userAddress);
+  const initialUserAddress = useRef6(userAddress);
   if (userClient.status !== "success") {
     return /* @__PURE__ */ jsx42(ConnectWallet, {});
   }
@@ -3272,19 +3374,19 @@ import { ErrorBoundary } from "react-error-boundary";
 // src/errors/ErrorOverlay.tsx
 import { wait } from "@latticexyz/common/utils";
 import { useEffect as useEffect16 } from "react";
-import { twMerge as twMerge18 } from "tailwind-merge";
-import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { twMerge as twMerge19 } from "tailwind-merge";
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function ErrorOverlay({ error: error2, retry, dismiss }) {
   useEffect16(() => {
     if (error2) {
       console.error(error2);
     }
   }, [error2]);
-  return /* @__PURE__ */ jsxs24("div", { className: "pointer-events-none absolute inset-0 overflow-clip", children: [
+  return /* @__PURE__ */ jsxs25("div", { className: "pointer-events-none absolute inset-0 overflow-clip", children: [
     /* @__PURE__ */ jsx43(
       "div",
       {
-        className: twMerge18(
+        className: twMerge19(
           "absolute inset-0 bg-blue-700/60",
           "transition duration-300",
           error2 ? "opacity-100 pointer-events-auto" : "opacity-0"
@@ -3294,24 +3396,24 @@ function ErrorOverlay({ error: error2, retry, dismiss }) {
     /* @__PURE__ */ jsx43(
       "div",
       {
-        className: twMerge18(
+        className: twMerge19(
           "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__ */ jsx43(Fragment8, { children: /* @__PURE__ */ jsxs24("div", { className: "w-full max-h-full bg-blue-700 text-white/80 overflow-auto", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "space-y-6 px-8 pt-8", children: [
+        children: error2 ? /* @__PURE__ */ jsx43(Fragment6, { children: /* @__PURE__ */ jsxs25("div", { className: "w-full max-h-full bg-blue-700 text-white/80 overflow-auto", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "space-y-6 px-8 pt-8", children: [
             /* @__PURE__ */ jsx43("div", { className: "text-white text-lg font-bold", children: "Oops! It broke :(" }),
             /* @__PURE__ */ jsx43("div", { className: "font-mono text-xs whitespace-pre-wrap", children: error2.message.trim() }),
             /* @__PURE__ */ jsx43("div", { className: "text-sm", children: "See the console for more info." })
           ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "pointer-events-none sticky bottom-0 left-0 -mt-2", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "pointer-events-none sticky bottom-0 left-0 -mt-2", children: [
             /* @__PURE__ */ jsx43("div", { className: "w-full h-12 bg-gradient-to-b from-transparent to-blue-700" }),
-            retry ? /* @__PURE__ */ jsx43("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsxs24(
+            retry ? /* @__PURE__ */ jsx43("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsxs25(
               "button",
               {
                 type: "button",
-                className: twMerge18(
+                className: twMerge19(
                   "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",
@@ -3334,7 +3436,7 @@ function ErrorOverlay({ error: error2, retry, dismiss }) {
               "button",
               {
                 type: "button",
-                className: twMerge18(
+                className: twMerge19(
                   "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",
@@ -3366,13 +3468,13 @@ function ErrorsOverlay() {
 }
 
 // src/AccountModal.tsx
-import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
 function AccountModal() {
   const { accountModalOpen, toggleAccountModal } = useAccountModal();
-  return /* @__PURE__ */ jsx46(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: accountModalOpen ? /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx46(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: accountModalOpen ? /* @__PURE__ */ jsxs26(
     "div",
     {
-      className: twMerge19(
+      className: twMerge20(
         "relative py-2 ring-1",
         "bg-neutral-900 text-neutral-400 ring-neutral-700/50",
         "links:font-medium links:underline links:underline-offset-4",
@@ -3380,11 +3482,11 @@ function AccountModal() {
         "links:decoration-neutral-500 hover:links:decoration-orange-500"
       ),
       children: [
-        /* @__PURE__ */ jsxs25(ErrorBoundary, { FallbackComponent: ErrorFallback, children: [
+        /* @__PURE__ */ jsxs26(ErrorBoundary, { FallbackComponent: ErrorFallback, children: [
           /* @__PURE__ */ jsx46(AccountModalContent, {}),
           /* @__PURE__ */ jsx46(ErrorsOverlay, {})
         ] }),
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsxs26(
           "a",
           {
             href: "https://mud.dev",
@@ -3400,7 +3502,7 @@ function AccountModal() {
         /* @__PURE__ */ jsx46("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx46(
           DialogClose,
           {
-            className: twMerge19(
+            className: twMerge20(
               "pointer-events-auto leading-none p-2 transition",
               "text-white/20 hover:text-white/40"
             ),
@@ -3414,9 +3516,9 @@ function AccountModal() {
 }
 
 // src/EntryKitProvider.tsx
-import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
 function EntryKitProvider({ config, children }) {
-  return /* @__PURE__ */ jsxs26(EntryKitConfigProvider, { config, children: [
+  return /* @__PURE__ */ jsxs27(EntryKitConfigProvider, { config, children: [
     children,
     /* @__PURE__ */ jsx47(AccountModal, {})
   ] });
@@ -3424,21 +3526,21 @@ function EntryKitProvider({ config, children }) {
 
 // src/AccountButton.tsx
 import { useAccount as useAccount9 } from "wagmi";
-import { twMerge as twMerge21 } from "tailwind-merge";
+import { twMerge as twMerge22 } from "tailwind-merge";
 
 // src/AccountName.tsx
-import { twMerge as twMerge20 } from "tailwind-merge";
-import { Fragment as Fragment9, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
+import { twMerge as twMerge21 } from "tailwind-merge";
+import { Fragment as Fragment7, jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
 function AccountName({ address }) {
   const { data: ens } = useENS(address);
   const avatar = usePreloadImage(ens?.avatar);
-  return /* @__PURE__ */ jsxs27(Fragment9, { children: [
-    /* @__PURE__ */ jsxs27("span", { className: "flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center", children: [
+  return /* @__PURE__ */ jsxs28(Fragment7, { children: [
+    /* @__PURE__ */ jsxs28("span", { className: "flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center", children: [
       /* @__PURE__ */ jsx48(
         "img",
         {
           src: ens?.avatar && avatar.isSuccess ? ens.avatar : void 0,
-          className: twMerge20(
+          className: twMerge21(
             "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",
@@ -3449,7 +3551,7 @@ function AccountName({ address }) {
       /* @__PURE__ */ jsx48(
         Logo,
         {
-          className: twMerge20(
+          className: twMerge21(
             "col-start-1 row-start-1 text-orange-500",
             "transition duration-300",
             ens && (!ens.avatar || avatar.isError) ? "opacity-100" : "opacity-0"
@@ -3462,24 +3564,24 @@ function AccountName({ address }) {
 }
 
 // src/AccountButton.tsx
-import { useRef as useRef6 } from "react";
-import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
-var containerClassNames = twMerge21(
+import { useRef as useRef7 } from "react";
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
+var containerClassNames = twMerge22(
   "w-48 p-3 inline-flex outline-none transition",
   "border border-transparent",
   "text-base leading-none"
 );
-var secondaryClassNames = twMerge21(
+var secondaryClassNames = twMerge22(
   "bg-neutral-100 border-neutral-300 text-black",
   "dark:bg-neutral-800 dark:border-neutral-700 dark:text-white"
 );
-var secondaryInteractiveClassNames = twMerge21(
+var secondaryInteractiveClassNames = twMerge22(
   "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 } = useAccount9();
-  const initialUserAddress = useRef6(userAddress);
+  const initialUserAddress = useRef7(userAddress);
   const prereqs = usePrerequisites(userAddress);
   const isConnected = status === "connected" || status === "reconnecting" && userAddress;
   const isNewConnection = userAddress !== initialUserAddress.current;
@@ -3495,16 +3597,16 @@ function AccountButton() {
     "button",
     {
       type: "button",
-      className: twMerge21(containerClassNames, secondaryClassNames, secondaryInteractiveClassNames),
+      className: twMerge22(containerClassNames, secondaryClassNames, secondaryInteractiveClassNames),
       onClick: openAccountModal,
       children: /* @__PURE__ */ jsx49("span", { className: "flex-grow inline-flex gap-2.5 items-center text-left font-medium", children: userAddress ? /* @__PURE__ */ jsx49(AccountName, { address: userAddress }) : null })
     },
     "connected"
-  ) : /* @__PURE__ */ jsxs28(
+  ) : /* @__PURE__ */ jsxs29(
     "button",
     {
       type: "button",
-      className: twMerge21(
+      className: twMerge22(
         containerClassNames,
         "group",
         "items-center justify-center gap-2.5",
@@ -3515,11 +3617,11 @@ function AccountButton() {
       "aria-busy": accountModalOpen,
       onClick: openAccountModal,
       children: [
-        /* @__PURE__ */ jsxs28("span", { className: "pointer-events-none inline-grid place-items-center -ml-3", children: [
+        /* @__PURE__ */ jsxs29("span", { className: "pointer-events-none inline-grid place-items-center -ml-3", children: [
           /* @__PURE__ */ jsx49(
             "span",
             {
-              className: twMerge21(
+              className: twMerge22(
                 "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"
@@ -3531,7 +3633,7 @@ function AccountButton() {
             "span",
             {
               "aria-hidden": true,
-              className: twMerge21(
+              className: twMerge22(
                 "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"
@@ -3562,44 +3664,379 @@ function useSessionClientReady() {
 }
 
 // src/createWagmiConfig.ts
-import { connectorsForWallets } from "@rainbow-me/rainbowkit";
 import { createConfig } from "wagmi";
+import { getDefaultConfig } from "connectkit";
+import { injected, coinbaseWallet, safe } from "wagmi/connectors";
 
-// src/getWallets.ts
-import { getDefaultWallets } from "@rainbow-me/rainbowkit";
-function getWallets(_config) {
-  const { wallets: defaultWallets } = getDefaultWallets();
-  return [
-    // TODO: passkey wallet
-    ...defaultWallets
-  ];
+// src/connectors/walletConnect.ts
+import { ChainNotConfiguredError, ProviderNotFoundError, createConnector } from "wagmi";
+import {
+  SwitchChainError,
+  UserRejectedRequestError,
+  getAddress,
+  numberToHex as numberToHex3
+} from "viem";
+walletConnect.type = "walletConnect";
+function walletConnect(parameters) {
+  const isNewChainsStale = parameters.isNewChainsStale ?? true;
+  let provider_;
+  let providerPromise;
+  const NAMESPACE = "eip155";
+  let accountsChanged;
+  let chainChanged;
+  let connect;
+  let displayUri;
+  let sessionDelete;
+  let disconnect;
+  return createConnector((config) => ({
+    id: "walletConnect",
+    name: "WalletConnect",
+    type: walletConnect.type,
+    async setup() {
+      const provider = await this.getProvider().catch(() => null);
+      if (!provider) return;
+      if (!connect) {
+        connect = this.onConnect.bind(this);
+        provider.on("connect", connect);
+      }
+      if (!sessionDelete) {
+        sessionDelete = this.onSessionDelete.bind(this);
+        provider.on("session_delete", sessionDelete);
+      }
+    },
+    async connect({ chainId, ...rest } = {}) {
+      try {
+        const provider = await this.getProvider();
+        if (!provider) throw new ProviderNotFoundError();
+        if (!displayUri) {
+          displayUri = this.onDisplayUri;
+          provider.on("display_uri", displayUri);
+        }
+        let targetChainId = chainId;
+        if (!targetChainId) {
+          const state = await config.storage?.getItem("state") ?? {};
+          const isChainSupported = config.chains.some((x) => x.id === state.chainId);
+          if (isChainSupported) targetChainId = state.chainId;
+          else targetChainId = config.chains[0]?.id;
+        }
+        if (!targetChainId) throw new Error("No chains found on connector.");
+        const isChainsStale = await this.isChainsStale();
+        if (provider.session && isChainsStale) await provider.disconnect();
+        if (!provider.session || isChainsStale) {
+          const optionalChains = config.chains.filter((chain) => chain.id !== targetChainId).map((optionalChain) => optionalChain.id);
+          await provider.connect({
+            optionalChains: [targetChainId, ...optionalChains],
+            ..."pairingTopic" in rest ? { pairingTopic: rest.pairingTopic } : {}
+          });
+          this.setRequestedChainsIds(config.chains.map((x) => x.id));
+        }
+        const accounts = (await provider.enable()).map((x) => getAddress(x));
+        let currentChainId = await this.getChainId();
+        if (chainId && currentChainId !== chainId) {
+          const chain = await this.switchChain({ chainId }).catch((error2) => {
+            if (error2.code === UserRejectedRequestError.code) throw error2;
+            return { id: currentChainId };
+          });
+          currentChainId = chain?.id ?? currentChainId;
+        }
+        if (displayUri) {
+          provider.removeListener("display_uri", displayUri);
+          displayUri = void 0;
+        }
+        if (connect) {
+          provider.removeListener("connect", connect);
+          connect = void 0;
+        }
+        if (!accountsChanged) {
+          accountsChanged = this.onAccountsChanged.bind(this);
+          provider.on("accountsChanged", accountsChanged);
+        }
+        if (!chainChanged) {
+          chainChanged = this.onChainChanged.bind(this);
+          provider.on("chainChanged", chainChanged);
+        }
+        if (!disconnect) {
+          disconnect = this.onDisconnect.bind(this);
+          provider.on("disconnect", disconnect);
+        }
+        if (!sessionDelete) {
+          sessionDelete = this.onSessionDelete.bind(this);
+          provider.on("session_delete", sessionDelete);
+        }
+        return { accounts, chainId: currentChainId };
+      } catch (error2) {
+        if (/(user rejected|connection request reset)/i.test(error2?.message)) {
+          throw new UserRejectedRequestError(error2);
+        }
+        throw error2;
+      }
+    },
+    async disconnect() {
+      const provider = await this.getProvider();
+      try {
+        await provider?.disconnect();
+      } catch (error2) {
+        if (!/No matching key/i.test(error2.message)) throw error2;
+      } finally {
+        if (chainChanged) {
+          provider?.removeListener("chainChanged", chainChanged);
+          chainChanged = void 0;
+        }
+        if (disconnect) {
+          provider?.removeListener("disconnect", disconnect);
+          disconnect = void 0;
+        }
+        if (!connect) {
+          connect = this.onConnect.bind(this);
+          provider?.on("connect", connect);
+        }
+        if (accountsChanged) {
+          provider?.removeListener("accountsChanged", accountsChanged);
+          accountsChanged = void 0;
+        }
+        if (sessionDelete) {
+          provider?.removeListener("session_delete", sessionDelete);
+          sessionDelete = void 0;
+        }
+        this.setRequestedChainsIds([]);
+      }
+    },
+    async getAccounts() {
+      const provider = await this.getProvider();
+      return provider.accounts.map((x) => getAddress(x));
+    },
+    async getProvider() {
+      async function initProvider() {
+        const optionalChains = config.chains.map((x) => x.id);
+        if (!optionalChains.length) return;
+        const { EthereumProvider } = await import("@walletconnect/ethereum-provider");
+        return await EthereumProvider.init({
+          ...parameters,
+          disableProviderPing: true,
+          optionalChains,
+          projectId: parameters.projectId,
+          rpcMap: Object.fromEntries(
+            config.chains.map((chain) => {
+              const [url] = extractRpcUrls({
+                chain,
+                transports: config.transports
+              });
+              return [chain.id, url];
+            })
+          ),
+          showQrModal: parameters.showQrModal ?? true
+        });
+      }
+      if (!provider_) {
+        if (!providerPromise) providerPromise = initProvider();
+        provider_ = await providerPromise;
+        provider_?.events.setMaxListeners(Number.POSITIVE_INFINITY);
+      }
+      return provider_;
+    },
+    async getChainId() {
+      const provider = await this.getProvider();
+      return provider.chainId;
+    },
+    async isAuthorized() {
+      try {
+        const [accounts, provider] = await Promise.all([this.getAccounts(), this.getProvider()]);
+        if (!accounts.length) return false;
+        const isChainsStale = await this.isChainsStale();
+        if (isChainsStale && provider.session) {
+          await provider.disconnect().catch(() => {
+          });
+          return false;
+        }
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    async switchChain({ addEthereumChainParameter, chainId }) {
+      const provider = await this.getProvider();
+      if (!provider) throw new ProviderNotFoundError();
+      const chain = config.chains.find((x) => x.id === chainId);
+      if (!chain) throw new SwitchChainError(new ChainNotConfiguredError());
+      try {
+        await Promise.all([
+          new Promise((resolve) => {
+            const listener2 = ({ chainId: currentChainId }) => {
+              if (currentChainId === chainId) {
+                config.emitter.off("change", listener2);
+                resolve();
+              }
+            };
+            config.emitter.on("change", listener2);
+          }),
+          provider.request({
+            method: "wallet_switchEthereumChain",
+            params: [{ chainId: numberToHex3(chainId) }]
+          })
+        ]);
+        const requestedChains = await this.getRequestedChainsIds();
+        this.setRequestedChainsIds([...requestedChains, chainId]);
+        return chain;
+      } catch (err) {
+        const error2 = err;
+        if (/(user rejected)/i.test(error2.message)) throw new UserRejectedRequestError(error2);
+        try {
+          let blockExplorerUrls;
+          if (addEthereumChainParameter?.blockExplorerUrls)
+            blockExplorerUrls = addEthereumChainParameter.blockExplorerUrls;
+          else blockExplorerUrls = chain.blockExplorers?.default.url ? [chain.blockExplorers?.default.url] : [];
+          let rpcUrls;
+          if (addEthereumChainParameter?.rpcUrls?.length) rpcUrls = addEthereumChainParameter.rpcUrls;
+          else rpcUrls = [...chain.rpcUrls.default.http];
+          const addEthereumChain = {
+            blockExplorerUrls,
+            chainId: numberToHex3(chainId),
+            chainName: addEthereumChainParameter?.chainName ?? chain.name,
+            iconUrls: addEthereumChainParameter?.iconUrls,
+            nativeCurrency: addEthereumChainParameter?.nativeCurrency ?? chain.nativeCurrency,
+            rpcUrls
+          };
+          await provider.request({
+            method: "wallet_addEthereumChain",
+            params: [addEthereumChain]
+          });
+          const requestedChains = await this.getRequestedChainsIds();
+          this.setRequestedChainsIds([...requestedChains, chainId]);
+          return chain;
+        } catch (error3) {
+          throw new UserRejectedRequestError(error3);
+        }
+      }
+    },
+    onAccountsChanged(accounts) {
+      if (accounts.length === 0) this.onDisconnect();
+      else
+        config.emitter.emit("change", {
+          accounts: accounts.map((x) => getAddress(x))
+        });
+    },
+    onChainChanged(chain) {
+      const chainId = Number(chain);
+      config.emitter.emit("change", { chainId });
+    },
+    async onConnect(connectInfo) {
+      const chainId = Number(connectInfo.chainId);
+      const accounts = await this.getAccounts();
+      config.emitter.emit("connect", { accounts, chainId });
+    },
+    async onDisconnect(_error) {
+      this.setRequestedChainsIds([]);
+      config.emitter.emit("disconnect");
+      const provider = await this.getProvider();
+      if (accountsChanged) {
+        provider.removeListener("accountsChanged", accountsChanged);
+        accountsChanged = void 0;
+      }
+      if (chainChanged) {
+        provider.removeListener("chainChanged", chainChanged);
+        chainChanged = void 0;
+      }
+      if (disconnect) {
+        provider.removeListener("disconnect", disconnect);
+        disconnect = void 0;
+      }
+      if (sessionDelete) {
+        provider.removeListener("session_delete", sessionDelete);
+        sessionDelete = void 0;
+      }
+      if (!connect) {
+        connect = this.onConnect.bind(this);
+        provider.on("connect", connect);
+      }
+    },
+    onDisplayUri(uri) {
+      config.emitter.emit("message", { type: "display_uri", data: uri });
+    },
+    onSessionDelete() {
+      this.onDisconnect();
+    },
+    getNamespaceChainsIds() {
+      if (!provider_) return [];
+      const chainIds = provider_.session?.namespaces[NAMESPACE]?.accounts?.map(
+        (account) => Number.parseInt(account.split(":")[1] || "")
+      );
+      return chainIds ?? [];
+    },
+    async getRequestedChainsIds() {
+      return await config.storage?.getItem(this.requestedChainsStorageKey) ?? [];
+    },
+    /**
+     * Checks if the target chains match the chains that were
+     * initially requested by the connector for the WalletConnect session.
+     * If there is a mismatch, this means that the chains on the connector
+     * are considered stale, and need to be revalidated at a later point (via
+     * connection).
+     *
+     * There may be a scenario where a dapp adds a chain to the
+     * connector later on, however, this chain will not have been approved or rejected
+     * by the wallet. In this case, the chain is considered stale.
+     */
+    async isChainsStale() {
+      if (!isNewChainsStale) return false;
+      const connectorChains = config.chains.map((x) => x.id);
+      const namespaceChains = this.getNamespaceChainsIds();
+      if (namespaceChains.length && !namespaceChains.some((id) => connectorChains.includes(id))) return false;
+      const requestedChains = await this.getRequestedChainsIds();
+      return !connectorChains.every((id) => requestedChains.includes(id));
+    },
+    async setRequestedChainsIds(chains) {
+      await config.storage?.setItem(this.requestedChainsStorageKey, chains);
+    },
+    get requestedChainsStorageKey() {
+      return `${this.id}.requestedChains`;
+    }
+  }));
+}
+function extractRpcUrls(parameters) {
+  const { chain } = parameters;
+  const fallbackUrl = chain.rpcUrls.default.http[0];
+  if (!parameters.transports) return [fallbackUrl];
+  const transport = parameters.transports?.[chain.id]?.({ chain });
+  const transports = transport?.value?.transports || [transport];
+  return transports.map(({ value }) => value?.url || fallbackUrl);
 }
 
 // src/createWagmiConfig.ts
 function createWagmiConfig(config) {
-  const wallets = getWallets(config);
-  const connectors = connectorsForWallets(wallets, {
-    appName: config.appName,
-    projectId: config.walletConnectProjectId
-  });
-  return createConfig({
-    connectors,
+  const connectors = [];
+  const shouldUseSafeConnector = !(typeof window === "undefined") && window?.parent !== window;
+  if (shouldUseSafeConnector) {
+    connectors.push(
+      safe({
+        allowedDomains: [/gnosis-safe.io$/, /app.safe.global$/]
+      })
+    );
+  }
+  connectors.push(
+    injected({ target: "metaMask" }),
+    coinbaseWallet({
+      appName: config.appName,
+      overrideIsMetaMask: false
+    })
+  );
+  if (config.walletConnectProjectId) {
+    connectors.push(
+      walletConnect({
+        showQrModal: false,
+        projectId: config.walletConnectProjectId
+      })
+    );
+  }
+  const configParams = getDefaultConfig({
     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), {
+    pollingInterval: config.pollingInterval,
     appName: config.appName,
-    projectId: config.walletConnectProjectId
+    walletConnectProjectId: config.walletConnectProjectId,
+    enableFamily: false,
+    connectors
   });
+  return createConfig(configParams);
 }
 
 // src/validateSigner.ts
@@ -3650,8 +4087,6 @@ export {
   EntryKitProvider,
   createWagmiConfig,
   defineConfig,
-  getConnectors,
-  getWallets,
   internal_validateSigner,
   useAccountModal,
   useEntryKitConfig,