UNPKG

starknetkit

Version:

<!-- logo --> <p align="center"> <img width='300' src="https://starknetkit-website-git-blo-1541-argentlabs.vercel.app/starknetKit-logo.svg"> </p>

818 lines 186 kB
var _r = Object.defineProperty; var yr = (l, e, o) => e in l ? _r(l, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : l[e] = o; var Bt = (l, e, o) => (yr(l, typeof e != "symbol" ? e + "" : e, o), o); import "./connector-d58f0dd8.js"; import "starknet"; import "./trpc-870d4938.js"; import { a as xr, e as Fr, i as Lr, b as Gt, g as Br } from "./index-eca87b80.js"; import { ArgentX as Mr } from "./argentX.js"; import { Braavos as Sr } from "./braavos.js"; var Q = /* @__PURE__ */ ((l) => (l.walletList = "walletList", l.connecting = "connecting", l.success = "success", l.loginFailure = "loginFailure", l.requestFailure = "requestFailure", l.qrCode = "qrCode", l.download = "download", l.approval = "approval", l))(Q || {}); const $r = `@import"https://fonts.googleapis.com/css2?family=Barlow:wght@500;600&display=swap";.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-\\[9998\\]{z-index:9998}.z-\\[9999\\]{z-index:9999}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mb-4{margin-bottom:1rem}.ml-\\[-32px\\]{margin-left:-32px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-12{height:3rem}.h-8{height:2rem}.h-\\[245px\\]{height:245px}.h-\\[32px\\]{height:32px}.h-\\[60px\\]{height:60px}.h-full{height:100%}.min-h-12{min-height:3rem}.min-h-8{min-height:2rem}.min-h-\\[26px\\]{min-height:26px}.min-h-\\[570px\\]{min-height:570px}.w-12{width:3rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\\[140px\\]{min-width:140px}.max-w-\\[240px\\]{max-width:240px}.max-w-\\[32px\\]{max-width:32px}.max-w-\\[380px\\]{max-width:380px}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[12px\\]{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-stroke-default{border-color:var(--color-stroke-default)}.border-stroke-focused{border-color:var(--color-stroke-focused)}.bg-black\\/25{background-color:#00000040}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-primary{background-color:var(--color-button-primary)}.bg-button-secondary{background-color:var(--color-button-secondary)}.bg-button-tertiary{background-color:var(--color-button-tertiary)}.bg-surface-default{background-color:var(--color-surface-default)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.bg-surface-elevated-web{background-color:var(--color-surface-elevated-web)}.stroke-brand{stroke:var(--color-text-brand)}.stroke-danger{stroke:var(--color-text-danger)}.stroke-subtle{stroke:var(--color-text-subtle)}.stroke-success{stroke:var(--color-text-success)}.stroke-warning{stroke:var(--color-text-warning)}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[24px\\]{font-size:24px}.text-b1{font-size:1.125rem;line-height:1.125rem;font-weight:600}.text-b2{font-size:.9375rem;line-height:1rem;font-weight:600}.text-b3{font-size:.8125rem;line-height:.875rem;font-weight:600}.text-h4{font-size:1.375rem;line-height:1.5625rem;font-weight:700}.text-h5,.text-heading5{font-size:1.125rem;line-height:1.375rem;font-weight:600}.text-l1{font-size:.875rem;line-height:1.125rem;font-weight:400}.text-l2{font-size:.75rem;line-height:1rem;font-weight:400}.text-p3{font-size:1rem;line-height:1.3125rem;font-weight:400}.font-\\[400\\]{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.text-adaptive{color:var(--color-text-adaptive)}.text-brand{color:var(--color-text-brand)}.text-danger{color:var(--color-text-danger)}.text-danger-accessible{color:var(--color-text-danger-accessible)}.text-info{color:var(--color-text-info)}.text-info-accessible{color:var(--color-text-info-accessible)}.text-link{color:var(--color-text-link)}.text-link-pressed{color:var(--color-text-link-pressed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-secondary-web{color:var(--color-text-secondary-web)}.text-stable{color:var(--color-text-stable)}.text-subtle{color:var(--color-text-subtle)}.text-success{color:var(--color-text-success)}.text-success-accessible{color:var(--color-text-success-accessible)}.text-warning{color:var(--color-text-warning)}.text-warning-accessible{color:var(--color-text-warning-accessible)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.accent-brand{accent-color:var(--color-text-brand)}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-list-item{--tw-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .06);--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-modal{--tw-shadow: 0px 4px 20px rgba(0, 0, 0, .5);--tw-shadow-colored: 0px 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root,:host{--color-black-0: 0, 0, 0, 0;--color-black-4: 0, 0, 0, .04;--color-black-6: 0, 0, 0, .06;--color-black-12: 0, 0, 0, .12;--color-black-30: 0, 0, 0, .3;--color-black-50: 0, 0, 0, .5;--color-black-100: 0 0 0;--color-deprecated-accent-accessible-green: 2 161 122;--color-deprecated-accent-accessible-sky-blue: 0 157 214;--color-deprecated-accent-accessible-yellow: 255 171 0;--color-deprecated-accent-blue: 0 120 164;--color-deprecated-accent-coral: 255 103 92;--color-deprecated-accent-green: 44 211 169;--color-deprecated-accent-hot-pink: 255 91 129;--color-deprecated-accent-light-orange: 255 168 92;--color-deprecated-accent-red-text-on-black: 219 59 78;--color-deprecated-accent-red-text-on-white: 193 32 38;--color-deprecated-accent-sky-blue: 41 197 255;--color-deprecated-accent-yellow: 255 191 61;--color-deprecated-black: 0 0 0;--color-deprecated-black-3: 0, 0, 0, .03;--color-deprecated-black-8: 0, 0, 0, .08;--color-deprecated-black-30: 0, 0, 0, .3;--color-deprecated-black-50: 0, 0, 0, .5;--color-deprecated-dark-green-shade: 55 129 118;--color-deprecated-darker-blue-shade: 33 83 112;--color-deprecated-darker-orange: 72 42 30;--color-deprecated-experimental-vault: 0 48 77;--color-deprecated-lighter-blue-shade: 232 242 246;--color-deprecated-lighter-sky-blue: 241 251 255;--color-deprecated-neutrals-100: 249 249 249;--color-deprecated-neutrals-200: 240 240 240;--color-deprecated-neutrals-300: 191 191 191;--color-deprecated-neutrals-400: 140 140 140;--color-deprecated-neutrals-500: 102 102 102;--color-deprecated-neutrals-600: 89 89 89;--color-deprecated-neutrals-700: 64 64 64;--color-deprecated-neutrals-800: 38 38 38;--color-deprecated-neutrals-900: 31 31 31;--color-deprecated-neutrals-1000: 15 15 15;--color-deprecated-primary-accessible-orange: 243 106 61;--color-deprecated-primary-orange: 255 135 91;--color-deprecated-white: 255 255 255;--color-deprecated-white-12: 255, 255, 255, .12;--color-deprecated-white-30: 255, 255, 255, .3;--color-deprecated-white-50: 255, 255, 255, .5;--color-neutrals-100: 249 249 249;--color-neutrals-200: 240 240 240;--color-neutrals-300: 191 191 191;--color-neutrals-400: 140 140 140;--color-neutrals-500: 102 102 102;--color-neutrals-600: 89 89 89;--color-neutrals-700: 64 64 64;--color-neutrals-800: 46 46 46;--color-neutrals-900: 36 36 36;--color-neutrals-1000: 23 23 23;--color-primary-blue-200: 203 241 255;--color-primary-blue-400: 41 197 255;--color-primary-blue-600: 0 157 214;--color-primary-blue-800: 0 120 164;--color-primary-blue-1000: 7 49 68;--color-primary-green-200: 206 255 243;--color-primary-green-400: 44 211 169;--color-primary-green-600: 2 161 122;--color-primary-green-800: 10 77 59;--color-primary-green-1000: 4 36 16;--color-primary-orange-6: 255, 135, 91, .06;--color-primary-orange-18: 255, 135, 91, .18;--color-primary-orange-200: 255 203 184;--color-primary-orange-300: 255 158 122;--color-primary-orange-400: 255 135 91;--color-primary-orange-600: 243 106 61;--color-primary-orange-800: 128 56 32;--color-primary-orange-1000: 55 23 9;--color-primary-red-200: 255 221 225;--color-primary-red-400: 233 95 114;--color-primary-red-600: 219 59 78;--color-primary-red-800: 99 9 21;--color-primary-red-1000: 75 1 7;--color-primary-red-dark: 193 32 38;--color-primary-yellow-200: 252 239 211;--color-primary-yellow-400: 255 191 61;--color-primary-yellow-600: 255 171 0;--color-primary-yellow-800: 233 129 1;--color-primary-yellow-1000: 63 45 12;--color-screen-border: 255, 255, 255, .2;--color-secondary-clementine: 255 168 92;--color-secondary-coral: 255 103 92;--color-secondary-hot-pink: 255 91 129;--color-secondary-sky-blue: 41 197 255;--color-white-0: 255, 255, 255, 0;--color-white-6: 255, 255, 255, .06;--color-white-12: 255, 255, 255, .12;--color-white-18: 255, 255, 255, .18;--color-white-30: 255, 255, 255, .3;--color-white-50: 255, 255, 255, .5;--color-white-100: 255 255 255;--color-accent-blue: rgba(var(--color-primary-blue-600));--color-accent-brand: rgba(var(--color-primary-orange-400));--color-accent-coral: rgba(var(--color-secondary-coral));--color-accent-green: rgba(var(--color-primary-green-400));--color-accent-hot-pink: rgba(var(--color-secondary-hot-pink));--color-accent-orange: rgba(var(--color-secondary-clementine));--color-accent-red: rgba(var(--color-primary-red-600));--color-accent-sky-blue: rgba(var(--color-secondary-sky-blue));--color-accent-yellow: rgba(var(--color-primary-yellow-400));--color-button-danger: rgba(var(--color-primary-red-600));--color-button-danger-hover: rgba(var(--color-primary-red-400));--color-button-info: rgba(var(--color-primary-blue-800));--color-button-info-hover: rgba(var(--color-primary-blue-600));--color-button-pressed-ghost-overlay: rgba(var(--color-black-12));--color-button-pressed-overlay: rgba(var(--color-black-12));--color-button-primary: rgba(var(--color-primary-orange-600));--color-button-primary-hover: rgba(var(--color-primary-orange-400));--color-button-secondary: rgba(var(--color-black-6));--color-button-secondary-hover: rgba(var(--color-black-12));--color-button-tertiary: rgba(var(--color-black-0));--color-button-tertiary-hover: rgba(var(--color-primary-orange-6));--color-button-tertiary-pressed: rgba(var(--color-primary-orange-18));--color-button-warning: rgba(var(--color-primary-yellow-800));--color-button-warning-hover: rgba(var(--color-primary-yellow-600));--color-icon-adaptive: rgba(var(--color-white-100));--color-icon-background: rgba(var(--color-black-6));--color-icon-background-brand: rgba(var(--color-primary-orange-400));--color-icon-brand: rgba(var(--color-primary-orange-600));--color-icon-danger: rgba(var(--color-primary-red-600));--color-icon-default: rgba(var(--color-neutrals-700));--color-icon-info: rgba(var(--color-primary-blue-600));--color-icon-secondary: rgba(var(--color-neutrals-400));--color-icon-stable: rgba(var(--color-white-100));--color-icon-subtle: rgba(var(--color-neutrals-300));--color-icon-success: rgba(var(--color-primary-green-600));--color-icon-warning: rgba(var(--color-primary-yellow-800));--color-ios-icon: rgb(80, 85, 92);--color-ios-keyboard-button: rgb(0, 122, 255);--color-ios-primary: rgb(0, 122, 255);--color-ios-surface-dark: rgb(172, 180, 190);--color-ios-surface-default: rgba(210, 213, 219, .9);--color-ios-surface-elevated: rgb(255, 255, 255);--color-ios-text: rgb(0, 0, 0);--color-ios-text-inverted: rgb(255, 255, 255);--color-shadow-default: rgba(var(--color-black-6));--color-shadow-medium: rgba(var(--color-black-12));--color-shadow-strong: rgba(var(--color-black-30));--color-stroke-brand: rgba(var(--color-primary-orange-600));--color-stroke-danger: rgba(var(--color-primary-red-600));--color-stroke-default: rgba(var(--color-neutrals-200));--color-stroke-default-web: rgba(var(--color-neutrals-200));--color-stroke-focused: rgba(var(--color-black-30));--color-stroke-subtle: rgba(var(--color-black-6));--color-stroke-success: rgba(var(--color-primary-green-600));--color-stroke-warning: rgba(var(--color-primary-yellow-800));--color-surface-brand: rgba(var(--color-primary-orange-400));--color-surface-danger-default: rgba(var(--color-primary-red-200));--color-surface-danger-vibrant: rgba(var(--color-primary-red-600));--color-surface-default: rgba(var(--color-neutrals-100));--color-surface-default-web: rgba(var(--color-neutrals-100));--color-surface-elevated: rgba(var(--color-white-100));--color-surface-elevated-web: rgba(var(--color-neutrals-200));--color-surface-info-default: rgba(var(--color-primary-blue-200));--color-surface-info-vibrant: rgba(var(--color-primary-blue-400));--color-surface-input: rgba(var(--color-black-4));--color-surface-inverted: rgba(var(--color-black-100));--color-surface-match-mode: rgba(var(--color-white-100));--color-surface-pressed-overlay: rgba(var(--color-black-12));--color-surface-scrimedge: rgb(219, 219, 219);--color-surface-stable-dark: rgba(var(--color-black-100));--color-surface-stable-light: rgba(var(--color-white-100));--color-surface-success-default: rgba(var(--color-primary-green-200));--color-surface-success-vibrant: rgba(var(--color-primary-green-600));--color-surface-sunken: rgba(var(--color-neutrals-200));--color-surface-text: rgba(var(--color-primary-orange-200));--color-surface-transparent: rgba(var(--color-black-6));--color-surface-warning-default: rgba(var(--color-primary-yellow-200));--color-surface-warning-vibrant: rgba(var(--color-primary-yellow-800));--color-text-adaptive: rgba(var(--color-white-100));--color-text-brand: rgba(var(--color-primary-orange-600));--color-text-danger: rgba(var(--color-primary-red-600));--color-text-danger-accessible: rgba(var(--color-primary-red-1000));--color-text-info: rgba(var(--color-primary-blue-600));--color-text-info-accessible: rgba(var(--color-primary-blue-1000));--color-text-link: rgba(var(--color-primary-blue-600));--color-text-link-pressed: rgba(var(--color-primary-blue-800));--color-text-primary: rgba(var(--color-neutrals-700));--color-text-secondary: rgba(var(--color-neutrals-400));--color-text-secondary-web: rgba(var(--color-neutrals-500));--color-text-stable: rgba(var(--color-white-100));--color-text-subtle: rgba(var(--color-neutrals-300));--color-text-success: rgba(var(--color-primary-green-600));--color-text-success-accessible: rgba(var(--color-primary-green-1000));--color-text-warning: rgba(var(--color-primary-yellow-800));--color-text-warning-accessible: rgba(var(--color-primary-yellow-1000))}.dark:root{--color-accent-blue: rgba(var(--color-primary-blue-600));--color-accent-brand: rgba(var(--color-primary-orange-600));--color-accent-coral: rgba(var(--color-secondary-coral));--color-accent-green: rgba(var(--color-primary-green-600));--color-accent-hot-pink: rgba(var(--color-secondary-hot-pink));--color-accent-orange: rgba(var(--color-secondary-clementine));--color-accent-red: rgba(var(--color-primary-red-dark));--color-accent-sky-blue: rgba(var(--color-primary-blue-400));--color-accent-yellow: rgba(var(--color-primary-yellow-600));--color-button-danger: rgba(var(--color-primary-red-600));--color-button-danger-hover: rgba(var(--color-primary-red-400));--color-button-info: rgba(var(--color-primary-blue-800));--color-button-info-hover: rgba(var(--color-primary-blue-600));--color-button-pressed-ghost-overlay: rgba(var(--color-white-12));--color-button-pressed-overlay: rgba(var(--color-black-30));--color-button-primary: rgba(var(--color-primary-orange-600));--color-button-primary-hover: rgba(var(--color-primary-orange-400));--color-button-secondary: rgba(var(--color-white-12));--color-button-secondary-hover: rgba(var(--color-white-18));--color-button-tertiary: rgba(var(--color-white-0));--color-button-tertiary-hover: rgba(var(--color-primary-orange-6));--color-button-tertiary-pressed: rgba(var(--color-primary-orange-18));--color-button-warning: rgba(var(--color-primary-yellow-800));--color-button-warning-hover: rgba(var(--color-primary-yellow-600));--color-icon-adaptive: rgba(var(--color-neutrals-1000));--color-icon-background: rgba(var(--color-white-12));--color-icon-background-brand: rgba(var(--color-primary-orange-600));--color-icon-brand: rgba(var(--color-primary-orange-400));--color-icon-danger: rgba(var(--color-primary-red-400));--color-icon-default: rgba(var(--color-white-100));--color-icon-info: rgba(var(--color-primary-blue-400));--color-icon-secondary: rgba(var(--color-neutrals-400));--color-icon-stable: rgba(var(--color-white-100));--color-icon-subtle: rgba(var(--color-neutrals-500));--color-icon-success: rgba(var(--color-primary-green-400));--color-icon-warning: rgba(var(--color-primary-yellow-600));--color-ios-icon: rgb(231, 231, 231);--color-ios-keyboard-button: rgb(36, 36, 36);--color-ios-primary: rgb(0, 122, 255);--color-ios-surface-dark: rgb(36, 36, 36);--color-ios-surface-default: rgba(32, 32, 32, .92);--color-ios-surface-elevated: rgb(67, 67, 67);--color-ios-text: rgb(255, 255, 255);--color-ios-text-inverted: rgb(255, 255, 255);--color-shadow-default: rgba(var(--color-black-30));--color-shadow-medium: rgba(var(--color-black-50));--color-shadow-strong: rgba(var(--color-black-100));--color-stroke-brand: rgba(var(--color-primary-orange-600));--color-stroke-danger: rgba(var(--color-primary-red-400));--color-stroke-default: rgba(var(--color-neutrals-1000));--color-stroke-default-web: rgba(var(--color-neutrals-700));--color-stroke-focused: rgba(var(--color-white-30));--color-stroke-subtle: rgba(var(--color-white-12));--color-stroke-success: rgba(var(--color-primary-green-400));--color-stroke-warning: rgba(var(--color-primary-yellow-600));--color-surface-brand: rgba(var(--color-primary-orange-600));--color-surface-danger-default: rgba(var(--color-primary-red-1000));--color-surface-danger-vibrant: rgba(var(--color-primary-red-600));--color-surface-default: rgba(var(--color-neutrals-1000));--color-surface-default-web: rgba(var(--color-black-100));--color-surface-elevated: rgba(var(--color-neutrals-900));--color-surface-elevated-web: rgba(var(--color-neutrals-900));--color-surface-info-default: rgba(var(--color-primary-blue-1000));--color-surface-info-vibrant: rgba(var(--color-primary-blue-400));--color-surface-input: rgba(var(--color-white-12));--color-surface-inverted: rgba(var(--color-white-100));--color-surface-match-mode: rgba(var(--color-black-100));--color-surface-pressed-overlay: rgba(var(--color-white-18));--color-surface-scrimedge: rgb(34, 34, 36);--color-surface-stable-dark: rgba(var(--color-black-100));--color-surface-stable-light: rgba(var(--color-white-100));--color-surface-success-default: rgba(var(--color-primary-green-800));--color-surface-success-vibrant: rgba(var(--color-primary-green-400));--color-surface-sunken: rgba(var(--color-black-100));--color-surface-text: rgba(var(--color-primary-orange-800));--color-surface-transparent: rgba(var(--color-white-12));--color-surface-warning-default: rgba(var(--color-primary-yellow-1000));--color-surface-warning-vibrant: rgba(var(--color-primary-yellow-600));--color-text-adaptive: rgba(var(--color-neutrals-1000));--color-text-brand: rgba(var(--color-primary-orange-400));--color-text-danger: rgba(var(--color-primary-red-400));--color-text-danger-accessible: rgba(var(--color-primary-red-200));--color-text-info: rgba(var(--color-primary-blue-400));--color-text-info-accessible: rgba(var(--color-primary-blue-200));--color-text-link: rgba(var(--color-primary-blue-400));--color-text-link-pressed: rgba(var(--color-primary-blue-600));--color-text-primary: rgba(var(--color-white-100));--color-text-secondary: rgba(var(--color-neutrals-400));--color-text-secondary-web: rgba(var(--color-neutrals-300));--color-text-stable: rgba(var(--color-white-100));--color-text-subtle: rgba(var(--color-neutrals-500));--color-text-success: rgba(var(--color-primary-green-400));--color-text-success-accessible: rgba(var(--color-primary-green-200));--color-text-warning: rgba(var(--color-primary-yellow-600));--color-text-warning-accessible: rgba(var(--color-primary-yellow-200))}.modal-font{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-feature-settings:"kern"}.l2{color:#8c8c8c;font-size:12px;font-weight:500;line-height:14px;letter-spacing:0;text-align:left}.p{margin:0}.hover\\:bg-button-danger-hover:hover{background-color:var(--color-button-danger-hover)}.hover\\:bg-button-primary-hover:hover{background-color:var(--color-button-primary-hover)}.hover\\:bg-button-secondary-hover:hover{background-color:var(--color-button-secondary-hover)}.hover\\:bg-button-tertiary-hover:hover{background-color:var(--color-button-tertiary-hover)}.hover\\:bg-surface-elevated:hover{background-color:var(--color-surface-elevated)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-neutral-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-50:disabled{opacity:.5}.dark\\:shadow-none:is(.dark *){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\\:focus\\:ring-neutral-700:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(64 64 64 / var(--tw-ring-opacity))} `, bl = () => { const l = "starknetkit-modal-container", e = document.getElementById(l); if (e) { if (e.shadowRoot) return e.shadowRoot; e.remove(); } const o = document.createElement("div"); o.id = l, document.body.appendChild(o); const r = o.attachShadow({ mode: "open" }), a = document.createElement("style"); return a.textContent = $r.replace( /\.dark:root/g, ":host-context(.dark), .dark" ), r.appendChild(a), r; }; function B() { } function xt(l, e) { for (const o in e) l[o] = e[o]; return ( /** @type {T & S} */ l ); } function cr(l) { return l(); } function It() { return /* @__PURE__ */ Object.create(null); } function ke(l) { l.forEach(cr); } function me(l) { return typeof l == "function"; } function U(l, e) { return l != l ? e == e : l !== e || l && typeof l == "object" || typeof l == "function"; } let _t; function Er(l, e) { return l === e ? !0 : (_t || (_t = document.createElement("a")), _t.href = e, l === _t.href); } function Nr(l) { return Object.keys(l).length === 0; } function be(l, e, o, r) { if (l) { const a = fr(l, e, o, r); return l[0](a); } } function fr(l, e, o, r) { return l[1] && r ? xt(o.ctx.slice(), l[1](r(e))) : o.ctx; } function we(l, e, o, r) { if (l[2] && r) { const a = l[2](r(o)); if (e.dirty === void 0) return a; if (typeof a == "object") { const n = [], s = Math.max(e.dirty.length, a.length); for (let f = 0; f < s; f += 1) n[f] = e.dirty[f] | a[f]; return n; } return e.dirty | a; } return e.dirty; } function Ce(l, e, o, r, a, n) { if (a) { const s = fr(e, o, r, n); l.p(s, a); } } function ve(l) { if (l.ctx.length > 32) { const e = [], o = l.ctx.length / 32; for (let r = 0; r < o; r++) e[r] = -1; return e; } return -1; } function i(l, e) { l.appendChild(e); } function Zr(l, e, o) { const r = Ar(l); if (!r.getElementById(e)) { const a = x("style"); a.id = e, a.textContent = o, zr(r, a); } } function Ar(l) { if (!l) return document; const e = l.getRootNode ? l.getRootNode() : l.ownerDocument; return e && /** @type {ShadowRoot} */ e.host ? ( /** @type {ShadowRoot} */ e ) : l.ownerDocument; } function zr(l, e) { return i( /** @type {Document} */ l.head || l, e ), e.sheet; } function $(l, e, o) { l.insertBefore(e, o || null); } function M(l) { l.parentNode && l.parentNode.removeChild(l); } function Or(l, e) { for (let o = 0; o < l.length; o += 1) l[o] && l[o].d(e); } function x(l) { return document.createElement(l); } function c(l) { return document.createElementNS("http://www.w3.org/2000/svg", l); } function X(l) { return document.createTextNode(l); } function K() { return X(" "); } function ye() { return X(""); } function $e(l, e, o, r) { return l.addEventListener(e, o, r), () => l.removeEventListener(e, o, r); } function t(l, e, o) { o == null ? l.removeAttribute(e) : l.getAttribute(e) !== o && l.setAttribute(e, o); } const Ur = ["width", "height"]; function Gr(l, e) { const o = Object.getOwnPropertyDescriptors(l.__proto__); for (const r in e) e[r] == null ? l.removeAttribute(r) : r === "style" ? l.style.cssText = e[r] : r === "__value" ? l.value = l[r] = e[r] : o[r] && o[r].set && Ur.indexOf(r) === -1 ? l[r] = e[r] : t(l, r, e[r]); } function Ir(l, e) { Object.keys(e).forEach((o) => { Wr(l, o, e[o]); }); } function Wr(l, e, o) { const r = e.toLowerCase(); r in l ? l[r] = typeof l[r] == "boolean" && o === "" ? !0 : o : e in l ? l[e] = typeof l[e] == "boolean" && o === "" ? !0 : o : t(l, e, o); } function Ee(l) { return /-/.test(l) ? Ir : Gr; } function jr(l) { return Array.from(l.childNodes); } function ge(l, e) { e = "" + e, l.data !== e && (l.data = /** @type {string} */ e); } function xe(l, e, o, r) { o == null ? l.style.removeProperty(e) : l.style.setProperty(e, o, r ? "important" : ""); } function Wt(l, e) { return new l(e); } let je; function We(l) { je = l; } function Dr() { if (!je) throw new Error("Function called outside component initialization"); return je; } function Vr(l) { Dr().$$.on_mount.push(l); } const Me = [], Nt = []; let Se = []; const jt = [], Rr = /* @__PURE__ */ Promise.resolve(); let Zt = !1; function Tr() { Zt || (Zt = !0, Rr.then(ur)); } function At(l) { Se.push(l); } const Mt = /* @__PURE__ */ new Set(); let Be = 0; function ur() { if (Be !== 0) return; const l = je; do { try { for (; Be < Me.length; ) { const e = Me[Be]; Be++, We(e), Hr(e.$$); } } catch (e) { throw Me.length = 0, Be = 0, e; } for (We(null), Me.length = 0, Be = 0; Nt.length; ) Nt.pop()(); for (let e = 0; e < Se.length; e += 1) { const o = Se[e]; Mt.has(o) || (Mt.add(o), o()); } Se.length = 0; } while (Me.length); for (; jt.length; ) jt.pop()(); Zt = !1, Mt.clear(), We(l); } function Hr(l) { if (l.fragment !== null) { l.update(), ke(l.before_update); const e = l.dirty; l.dirty = [-1], l.fragment && l.fragment.p(l.ctx, e), l.after_update.forEach(At); } } function Kr(l) { const e = [], o = []; Se.forEach((r) => l.indexOf(r) === -1 ? e.push(r) : o.push(r)), o.forEach((r) => r()), Se = e; } const yt = /* @__PURE__ */ new Set(); let _e; function ce() { _e = { r: 0, c: [], p: _e // parent group }; } function fe() { _e.r || ke(_e.c), _e = _e.p; } function w(l, e) { l && l.i && (yt.delete(l), l.i(e)); } function C(l, e, o, r) { if (l && l.o) { if (yt.has(l)) return; yt.add(l), _e.c.push(() => { yt.delete(l), r && (o && l.d(1), r()); }), l.o(e); } else r && r(); } function Dt(l) { return l?.length !== void 0 ? l : Array.from(l); } function zt(l, e) { const o = {}, r = {}, a = { $$scope: 1 }; let n = l.length; for (; n--; ) { const s = l[n], f = e[n]; if (f) { for (const d in s) d in f || (r[d] = 1); for (const d in f) a[d] || (o[d] = f[d], a[d] = 1); l[n] = f; } else for (const d in s) a[d] = 1; } for (const s in r) s in o || (o[s] = void 0); return o; } function A(l) { l && l.c(); } function N(l, e, o) { const { fragment: r, after_update: a } = l.$$; r && r.m(e, o), At(() => { const n = l.$$.on_mount.map(cr).filter(me); l.$$.on_destroy ? l.$$.on_destroy.push(...n) : ke(n), l.$$.on_mount = []; }), a.forEach(At); } function Z(l, e) { const o = l.$$; o.fragment !== null && (Kr(o.after_update), ke(o.on_destroy), o.fragment && o.fragment.d(e), o.on_destroy = o.fragment = null, o.ctx = []); } function Pr(l, e) { l.$$.dirty[0] === -1 && (Me.push(l), Tr(), l.$$.dirty.fill(0)), l.$$.dirty[e / 31 | 0] |= 1 << e % 31; } function W(l, e, o, r, a, n, s = null, f = [-1]) { const d = je; We(l); const p = l.$$ = { fragment: null, ctx: [], // state props: n, update: B, not_equal: a, bound: It(), // lifecycle on_mount: [], on_destroy: [], on_disconnect: [], before_update: [], after_update: [], context: new Map(e.context || (d ? d.$$.context : [])), // everything else callbacks: It(), dirty: f, skip_bound: !1, root: e.target || d.$$.root }; s && s(p.root); let h = !1; if (p.ctx = o ? o(l, e.props || {}, (u, g, ...m) => { const b = m.length ? m[0] : g; return p.ctx && a(p.ctx[u], p.ctx[u] = b) && (!p.skip_bound && p.bound[u] && p.bound[u](b), h && Pr(l, u)), g; }) : [], p.update(), h = !0, ke(p.before_update), p.fragment = r ? r(p.ctx) : !1, e.target) { if (e.hydrate) { const u = jr(e.target); p.fragment && p.fragment.l(u), u.forEach(M); } else p.fragment && p.fragment.c(); e.intro && w(l.$$.fragment), N(l, e.target, e.anchor), ur(); } We(d); } class j { constructor() { /** * ### PRIVATE API * * Do not use, may change at any time * * @type {any} */ Bt(this, "$$"); /** * ### PRIVATE API * * Do not use, may change at any time * * @type {any} */ Bt(this, "$$set"); } /** @returns {void} */ $destroy() { Z(this, 1), this.$destroy = B; } /** * @template {Extract<keyof Events, string>} K * @param {K} type * @param {((e: Events[K]) => void) | null | undefined} callback * @returns {() => void} */ $on(e, o) { if (!me(o)) return B; const r = this.$$.callbacks[e] || (this.$$.callbacks[e] = []); return r.push(o), () => { const a = r.indexOf(o); a !== -1 && r.splice(a, 1); }; } /** * @param {Partial<Props>} props * @returns {void} */ $set(e) { this.$$set && !Nr(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1); } } const qr = "4"; typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(qr); function St(l) { let e, o, r, a, n; const s = ( /*#slots*/ l[7].default ), f = be( s, l, /*$$scope*/ l[6], null ); let d = [ { href: ( /*href*/ l[0] ) }, { class: o = ` p-2 cursor-pointer text-primary rounded-full bg-surface-elevated-web focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-neutral-700 transition-colors ${/*className*/ l[2]} ` }, { rel: "noreferrer noopener" }, { target: "_blank" }, { role: "button" }, { tabindex: "0" }, { "aria-label": ( /*ariaLabel*/ l[1] ) } ], p = {}; for (let h = 0; h < d.length; h += 1) p = xt(p, d[h]); return { c() { e = x( /*as*/ l[3] ), f && f.c(), Ee( /*as*/ l[3] )(e, p); }, m(h, u) { $(h, e, u), f && f.m(e, null), r = !0, a || (n = [ $e(e, "click", function() { me( /*handleClick*/ l[4] ) && l[4].apply(this, arguments); }), $e(e, "keyup", function() { me( /*handleKeyup*/ l[5] ) && l[5].apply(this, arguments); }) ], a = !0); }, p(h, u) { l = h, f && f.p && (!r || u & /*$$scope*/ 64) && Ce( f, s, l, /*$$scope*/ l[6], r ? we( s, /*$$scope*/ l[6], u, null ) : ve( /*$$scope*/ l[6] ), null ), Ee( /*as*/ l[3] )(e, p = zt(d, [ (!r || u & /*href*/ 1) && { href: ( /*href*/ l[0] ) }, (!r || u & /*className*/ 4 && o !== (o = ` p-2 cursor-pointer text-primary rounded-full bg-surface-elevated-web focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-neutral-700 transition-colors ${/*className*/ l[2]} `)) && { class: o }, { rel: "noreferrer noopener" }, { target: "_blank" }, { role: "button" }, { tabindex: "0" }, (!r || u & /*ariaLabel*/ 2) && { "aria-label": ( /*ariaLabel*/ l[1] ) } ])); }, i(h) { r || (w(f, h), r = !0); }, o(h) { C(f, h), r = !1; }, d(h) { h && M(e), f && f.d(h), a = !1, ke(n); } }; } function Xr(l) { let e = ( /*as*/ l[3] ), o, r, a = ( /*as*/ l[3] && St(l) ); return { c() { a && a.c(), o = ye(); }, m(n, s) { a && a.m(n, s), $(n, o, s), r = !0; }, p(n, [s]) { /*as*/ n[3] ? e ? U( e, /*as*/ n[3] ) ? (a.d(1), a = St(n), e = /*as*/ n[3], a.c(), a.m(o.parentNode, o)) : a.p(n, s) : (a = St(n), e = /*as*/ n[3], a.c(), a.m(o.parentNode, o)) : e && (a.d(1), a = null, e = /*as*/ n[3]); }, i(n) { r || (w(a, n), r = !0); }, o(n) { C(a, n), r = !1; }, d(n) { n && M(o), a && a.d(n); } }; } function Qr(l, e, o) { let { $$slots: r = {}, $$scope: a } = e, { href: n = "" } = e, { ariaLabel: s } = e, { className: f } = e, { as: d = "button" } = e, { handleClick: p = (u) => console.log("click", u) } = e, { handleKeyup: h = (u) => console.log("keyup", u) } = e; return l.$$set = (u) => { "href" in u && o(0, n = u.href), "ariaLabel" in u && o(1, s = u.ariaLabel), "className" in u && o(2, f = u.className), "as" in u && o(3, d = u.as), "handleClick" in u && o(4, p = u.handleClick), "handleKeyup" in u && o(5, h = u.handleKeyup), "$$scope" in u && o(6, a = u.$$scope); }, [n, s, f, d, p, h, a, r]; } class dr extends j { constructor(e) { super(), W(this, e, Qr, Xr, U, { href: 0, ariaLabel: 1, className: 2, as: 3, handleClick: 4, handleKeyup: 5 }); } } function Yr(l) { let e, o; return { c() { e = c("svg"), o = c("path"), t(o, "d", "M9.77275 3.02275C9.99242 2.80308 9.99242 2.44692 9.77275 2.22725C9.55308 2.00758 9.19692 2.00758 8.97725 2.22725L6 5.20451L3.02275 2.22725C2.80308 2.00758 2.44692 2.00758 2.22725 2.22725C2.00758 2.44692 2.00758 2.80308 2.22725 3.02275L5.20451 6L2.22725 8.97725C2.00758 9.19692 2.00758 9.55308 2.22725 9.77275C2.44692 9.99242 2.80308 9.99242 3.02275 9.77275L6 6.79549L8.97725 9.77275C9.19692 9.99242 9.55308 9.99242 9.77275 9.77275C9.99242 9.55308 9.99242 9.19692 9.77275 8.97725L6.79549 6L9.77275 3.02275Z"), t(o, "fill", "currentColor"), t(e, "width", "12"), t(e, "height", "12"), t(e, "viewBox", "0 0 12 12"), t(e, "fill", "none"), t(e, "xmlns", "http://www.w3.org/2000/svg"); }, m(r, a) { $(r, e, a), i(e, o); }, p: B, i: B, o: B, d(r) { r && M(e); } }; } class Jr extends j { constructor(e) { super(), W(this, e, null, Yr, U, {}); } } function e1(l) { let e, o; return { c() { e = c("svg"), o = c("path"), t(o, "fill-rule", "evenodd"), t(o, "clip-rule", "evenodd"), t(o, "d", "M8.55383 1.24376C8.83406 1.54808 8.81134 2.01905 8.50309 2.2957L4.37567 6L8.50309 9.7043C8.81134 9.98095 8.83406 10.4519 8.55383 10.7562C8.2736 11.0606 7.79654 11.083 7.48828 10.8063L2.74691 6.55102C2.58965 6.40989 2.5 6.20981 2.5 6C2.5 5.79019 2.58965 5.59012 2.74691 5.44898L7.48828 1.19367C7.79654 0.917013 8.2736 0.93944 8.55383 1.24376Z"), t(o, "fill", "currentColor"), t(e, "xmlns", "http://www.w3.org/2000/svg"), t(e, "width", "12"), t(e, "height", "12"), t(e, "viewBox", "0 0 12 12"), t(e, "fill", "none"); }, m(r, a) { $(r, e, a), i(e, o); }, p: B, i: B, o: B, d(r) { r && M(e); } }; } class t1 extends j { constructor(e) { super(), W(this, e, null, e1, U, {}); } } function Vt(l) { let e, o; return e = new dr({ props: { handleClick: ( /*handleBack*/ l[4] ), handleKeyup: ( /*func*/ l[6] ), ariaLabel: "Go back", className: "absolute top-0 left-0", $$slots: { default: [r1] }, $$scope: { ctx: l } } }), { c() { A(e.$$.fragment); }, m(r, a) { N(e, r, a), o = !0; }, p(r, a) { const n = {}; a & /*handleBack*/ 16 && (n.handleClick = /*handleBack*/ r[4]), a & /*handleBack*/ 16 && (n.handleKeyup = /*func*/ r[6]), a & /*$$scope*/ 256 && (n.$$scope = { dirty: a, ctx: r }), e.$set(n); }, i(r) { o || (w(e.$$.fragment, r), o = !0); }, o(r) { C(e.$$.fragment, r), o = !1; }, d(r) { Z(e, r); } }; } function r1(l) { let e, o; return e = new t1({}), { c() { A(e.$$.fragment); }, m(r, a) { N(e, r, a), o = !0; }, i(r) { o || (w(e.$$.fragment, r), o = !0); }, o(r) { C(e.$$.fragment, r), o = !1; }, d(r) { Z(e, r); } }; } function Rt(l) { let e, o; return { c() { e = x("h1"), o = X( /*title*/ l[0] ), t(e, "class", "text-[24px] text-primary font-semibold max-w-[240px] overflow-hidden whitespace-nowrap text-ellipsis"); }, m(r, a) { $(r, e, a), i(e, o); }, p(r, a) { a & /*title*/ 1 && ge( o, /*title*/ r[0] ); }, d(r) { r && M(e); } }; } function Tt(l) { let e, o; return e = new dr({ props: { handleClick: ( /*handleClose*/ l[5] ), handleKeyup: ( /*func_1*/ l[7] ), ariaLabel: "Close", className: "absolute top-0 right-0", $$slots: { default: [o1] }, $$scope: { ctx: l } } }), { c() { A(e.$$.fragment); }, m(r, a) { N(e, r, a), o = !0; }, p(r, a) { const n = {}; a & /*handleClose*/ 32 && (n.handleClick = /*handleClose*/ r[5]), a & /*handleClose*/ 32 && (n.handleKeyup = /*func_1*/ r[7]), a & /*$$scope*/ 256 && (n.$$scope = { dirty: a, ctx: r }), e.$set(n); }, i(r) { o || (w(e.$$.fragment, r), o = !0); }, o(r) { C(e.$$.fragment, r), o = !1; }, d(r) { Z(e, r); } }; } function o1(l) { let e, o; return e = new Jr({}), { c() { A(e.$$.fragment); }, m(r, a) { N(e, r, a), o = !0; }, i(r) { o || (w(e.$$.fragment, r), o = !0); }, o(r) { C(e.$$.fragment, r), o = !1; }, d(r) { Z(e, r); } }; } function l1(l) { let e, o, r, a, n, s, f, d, p = ( /*showBackButton*/ l[2] && Vt(l) ), h = !!/*title*/ l[0] && Rt(l), u = ( /*showCloseButton*/ l[3] && Tt(l) ); return { c() { e = x("header"), p && p.c(), o = K(), r = x("hgroup"), a = x("h2"), n = X( /*subtitle*/ l[1] ), s = K(), h && h.c(), f = K(), u && u.c(), t(a, "class", "text-p3 text-secondary font-semibold"), t(e, "class", "flex items-center justify-center flex-col relative"); }, m(g, m) { $(g, e, m), p && p.m(e, null), i(e, o), i(e, r), i(r, a), i(a, n), i(r, s), h && h.m(r, null), i(e, f), u && u.m(e, null), d = !0; }, p(g, [m]) { /*showBackButton*/ g[2] ? p ? (p.p(g, m), m & /*showBackButton*/ 4 && w(p, 1)) : (p = Vt(g), p.c(), w(p, 1), p.m(e, o)) : p && (ce(), C(p, 1, 1, () => { p = null; }), fe()), (!d || m & /*subtitle*/ 2) && ge( n, /*subtitle*/ g[1] ), /*title*/ g[0] ? h ? h.p(g, m) : (h = Rt(g), h.c(), h.m(r, null)) : h && (h.d(1), h = null), /*showCloseButton*/ g[3] ? u ? (u.p(g, m), m & /*showCloseButton*/ 8 && w(u, 1)) : (u = Tt(g), u.c(), w(u, 1), u.m(e, null)) : u && (ce(), C(u, 1, 1, () => { u = null; }), fe()); }, i(g) { d || (w(p), w(u), d = !0); }, o(g) { C(p), C(u), d = !1; }, d(g) { g && M(e), p && p.d(), h && h.d(), u && u.d(); } }; } function a1(l, e, o) { let { title: r } = e, { subtitle: a = "Connect to" } = e, { showBackButton: n = !0 } = e, { showCloseButton: s = !0