@embarkai/ui-kit 0.4.9 → 0.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/iframe/index.html +1 -1
  2. package/dist/iframe/main.js +1 -1
  3. package/dist/index.cjs +340 -261
  4. package/dist/index.d.cts +37 -12
  5. package/dist/index.d.ts +37 -12
  6. package/dist/index.js +369 -292
  7. package/dist/styles.css +1 -1
  8. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -24,7 +24,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
24
24
  var built_default;
25
25
  var init_built = __esm({
26
26
  "src/styles/built.css"() {
27
- built_default = `.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}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-0\\.5{right:-.125rem}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-0\\.5{top:-.125rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-5{width:1.25rem;height:1.25rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-2{height:.5rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-64{max-height:16rem}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-2{width:.5rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-72{width:18rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[80px\\]{max-width:80px}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{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))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{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))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .rotate-180{--tw-rotate:180deg}.embarkai-ui-scope .rotate-180,.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-1\\.5{gap:.375rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[5px\\]{border-radius:5px}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-accent\\)\\]{background-color:var(--ui-kit-accent)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .tracking-wider{letter-spacing:.05em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .opacity-70{opacity:.7}.embarkai-ui-scope .opacity-90{opacity:.9}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{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)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .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)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .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}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-h:var(--embark-ui-fg-h,rgba(0,0,0,.6));--ui-kit-fg-a:var(--embark-ui-fg-a,rgba(0,0,0,.4));--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-h:var(--embark-ui-fg-h,hsla(0,0%,100%,.6));--ui-kit-fg-a:var(--embark-ui-fg-a,hsla(0,0%,100%,.4));--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg-secondary\\)\\]:hover{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-primary-h\\)\\]:hover{background-color:var(--ui-kit-primary-h)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg-h\\)\\]:hover{color:var(--ui-kit-fg-h)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-100:hover{opacity:1}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0: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(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)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]: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)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-primary-a\\)\\]:active{background-color:var(--ui-kit-primary-a)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:text-\\[var\\(--ui-kit-fg-a\\)\\]:active{color:var(--ui-kit-fg-a)}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-primary\\)\\]:hover:disabled{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover:disabled{color:var(--ui-kit-fg)}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-primary\\)\\]:active:disabled{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-fg\\)\\]:active:disabled{color:var(--ui-kit-fg)}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-60){opacity:.6}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{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))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{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))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .md\\:text-xs{font-size:.75rem;line-height:1rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
27
+ built_default = `.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}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-0\\.5{right:-.125rem}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-0\\.5{top:-.125rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-5{width:1.25rem;height:1.25rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-2{height:.5rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-64{max-height:16rem}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-2{width:.5rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-72{width:18rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[80px\\]{max-width:80px}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{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))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{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))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .rotate-180{--tw-rotate:180deg}.embarkai-ui-scope .rotate-180,.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-1\\.5{gap:.375rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[5px\\]{border-radius:5px}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-accent\\)\\]{background-color:var(--ui-kit-accent)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .tracking-wider{letter-spacing:.05em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .opacity-70{opacity:.7}.embarkai-ui-scope .opacity-90{opacity:.9}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{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)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .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)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .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}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-h:var(--embark-ui-fg-h,rgba(0,0,0,.6));--ui-kit-fg-a:var(--embark-ui-fg-a,rgba(0,0,0,.4));--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-h:var(--embark-ui-fg-h,hsla(0,0%,100%,.6));--ui-kit-fg-a:var(--embark-ui-fg-a,hsla(0,0%,100%,.4));--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg-secondary\\)\\]:hover{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-primary-h\\)\\]:hover{background-color:var(--ui-kit-primary-h)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg-h\\)\\]:hover{color:var(--ui-kit-fg-h)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-100:hover{opacity:1}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0: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(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)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]: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)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-primary-a\\)\\]:active{background-color:var(--ui-kit-primary-a)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:text-\\[var\\(--ui-kit-fg-a\\)\\]:active{color:var(--ui-kit-fg-a)}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-primary\\)\\]:hover:disabled{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover:disabled{color:var(--ui-kit-fg)}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-primary\\)\\]:active:disabled{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-fg\\)\\]:active:disabled{color:var(--ui-kit-fg)}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-60){opacity:.6}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{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))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{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))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .md\\:text-xs{font-size:.75rem;line-height:1rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
28
28
  }
29
29
  });
30
30
 
@@ -3237,10 +3237,13 @@ var init_en = __esm({
3237
3237
  },
3238
3238
  securityMenu: {
3239
3239
  title: "Security",
3240
- trustedApps: {
3240
+ connectedApps: {
3241
+ connectedApp: "Connected Application",
3241
3242
  trustedApp: "Trusted Application",
3242
- trustedApps: "Trusted Applications",
3243
- noTrustedApps: "No Trusted Applications found",
3243
+ trustedAt: "Trusted at {{time}}",
3244
+ connectedAt: "Connected at {{time}}",
3245
+ connectedApps: "Connected Applications",
3246
+ noConnectedApps: "No Connected Applications found",
3244
3247
  removalNoteTitle: "After removing this application:",
3245
3248
  removalNoteMsg1: "All transactions will require confirmation",
3246
3249
  removalNoteMsg2: 'You can re-add it anytime by checking "Trust this app"'
@@ -3490,10 +3493,13 @@ var init_ru = __esm({
3490
3493
  },
3491
3494
  securityMenu: {
3492
3495
  title: "\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C",
3493
- trustedApps: {
3496
+ connectedApps: {
3497
+ connectedApp: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435",
3494
3498
  trustedApp: "\u0414\u043E\u0432\u0435\u0440\u0435\u043D\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435",
3495
- trustedApps: "\u0414\u043E\u0432\u0435\u0440\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F",
3496
- noTrustedApps: "\u0414\u043E\u0432\u0435\u0440\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B",
3499
+ trustedAt: "\u0414\u043E\u0432\u0435\u0440\u0435\u043D\u043E {{time}}",
3500
+ connectedAt: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u043E {{time}}",
3501
+ connectedApps: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F",
3502
+ noConnectedApps: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B",
3497
3503
  removalNoteTitle: "\u041F\u043E\u0441\u043B\u0435 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u044D\u0442\u043E\u0433\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F",
3498
3504
  removalNoteMsg1: "\u0412\u0441\u0435 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438 \u043F\u043E\u0442\u0440\u0435\u0431\u0443\u044E\u0442 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F",
3499
3505
  removalNoteMsg2: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0435\u0433\u043E \u0441\u043D\u043E\u0432\u0430 \u0432 \u043B\u044E\u0431\u043E\u0435 \u0432\u0440\u0435\u043C\u044F, \u043E\u0442\u043C\u0435\u0442\u0438\u0432 \xAB\u0414\u043E\u0432\u0435\u0440\u044F\u0442\u044C \u044D\u0442\u043E\u043C\u0443 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044E\xBB"
@@ -3722,13 +3728,16 @@ var init_zh = __esm({
3722
3728
  },
3723
3729
  securityMenu: {
3724
3730
  title: "\u5B89\u5168",
3725
- trustedApps: {
3731
+ connectedApps: {
3732
+ connectedApp: "\u5DF2\u8FDE\u63A5\u7684\u5E94\u7528\u7A0B\u5E8F",
3726
3733
  trustedApp: "\u53D7\u4FE1\u4EFB\u7684\u5E94\u7528\u7A0B\u5E8F",
3727
- trustedApps: "\u53D7\u4FE1\u4EFB\u7684\u5E94\u7528\u7A0B\u5E8F",
3728
- noTrustedApps: "\u672A\u627E\u5230\u53D7\u4FE1\u4EFB\u7684\u5E94\u7528\u7A0B\u5E8F",
3734
+ trustedAt: "\u53D7\u4FE1\u4EFB\u4E8E {{time}}",
3735
+ connectedAt: "\u5DF2\u8FDE\u63A5\u4E8E {{time}}",
3736
+ connectedApps: "\u5DF2\u8FDE\u63A5\u7684\u5E94\u7528\u7A0B\u5E8F",
3737
+ noConnectedApps: "\u672A\u627E\u5230\u5DF2\u8FDE\u63A5\u7684\u5E94\u7528\u7A0B\u5E8F",
3729
3738
  removalNoteTitle: "\u79FB\u9664\u6B64\u5E94\u7528\u7A0B\u5E8F\u540E\uFF1A",
3730
3739
  removalNoteMsg1: "\u6240\u6709\u4EA4\u6613\u90FD\u9700\u8981\u786E\u8BA4",
3731
- removalNoteMsg2: "Trust this app&quot"
3740
+ removalNoteMsg2: "\u60A8\u53EF\u4EE5\u968F\u65F6\u901A\u8FC7\u52FE\u9009\u201C\u4FE1\u4EFB\u6B64\u5E94\u7528\u7A0B\u5E8F\u201D\u91CD\u65B0\u6DFB\u52A0\u5B83"
3732
3741
  },
3733
3742
  keyshareStatus: {
3734
3743
  title: "\u5BC6\u94A5\u5171\u4EAB\u72B6\u6001",
@@ -15728,21 +15737,166 @@ var init_PortfolioMenu2 = __esm({
15728
15737
  });
15729
15738
 
15730
15739
  // src/internal/components/SecurityMenu/constants.ts
15731
- var KEYSHARE_RECOVERY_STATS_QUERY;
15740
+ var KEYSHARE_RECOVERY_STATS_QUERY, CONNECTED_TRUSTED_APPS_QUERY;
15732
15741
  var init_constants6 = __esm({
15733
15742
  "src/internal/components/SecurityMenu/constants.ts"() {
15734
15743
  KEYSHARE_RECOVERY_STATS_QUERY = "keyshare-recovery-stats-query";
15744
+ CONNECTED_TRUSTED_APPS_QUERY = "connected-trusted-apps-query";
15745
+ }
15746
+ });
15747
+
15748
+ // src/internal/components/SecurityMenu/hooks.ts
15749
+ import { useQuery as useQuery18 } from "@tanstack/react-query";
15750
+ function useConnectedApps() {
15751
+ const session = useSession((st) => st.session);
15752
+ const userId = session?.mpcUserId || null;
15753
+ return useQuery18({
15754
+ retry: false,
15755
+ enabled: !!userId,
15756
+ queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId],
15757
+ queryFn: async () => {
15758
+ const iframeManager = getIframeManager();
15759
+ return await iframeManager.getTrustedApps(userId).catch(() => {
15760
+ console.error("[ConnectedApps] Failed to load connected apps from iframe");
15761
+ return [];
15762
+ });
15763
+ }
15764
+ });
15765
+ }
15766
+ function useKeyshareRecoveryStats() {
15767
+ const session = useSession((st) => st.session);
15768
+ const userId = session?.mpcUserId || null;
15769
+ return useQuery18({
15770
+ enabled: !!userId,
15771
+ queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
15772
+ queryFn: async () => {
15773
+ const iframeManager = getIframeManager();
15774
+ if (!iframeManager) {
15775
+ throw new Error("Iframe manager not available");
15776
+ }
15777
+ const keyshareInfo = await getKeyshareInfo(userId);
15778
+ const shareRecoveryStats = await getShareRecoveryStats();
15779
+ return {
15780
+ keyshareInfo,
15781
+ shareRecoveryStats
15782
+ };
15783
+ }
15784
+ });
15785
+ }
15786
+ var init_hooks2 = __esm({
15787
+ "src/internal/components/SecurityMenu/hooks.ts"() {
15788
+ init_SessionContext();
15789
+ init_keyshare();
15790
+ init_iframe_manager();
15791
+ init_vaultClient();
15792
+ init_constants6();
15793
+ }
15794
+ });
15795
+
15796
+ // src/internal/components/SecurityMenu/ConnectedApps.tsx
15797
+ import dayjs5 from "dayjs";
15798
+ import { omit } from "lodash-es";
15799
+ import { AppWindowMac, Info as Info5, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
15800
+ import { Fragment as Fragment32, jsx as jsx82, jsxs as jsxs75 } from "react/jsx-runtime";
15801
+ function Application(props) {
15802
+ const { appLogo, appName, origin, trustedAt, untrustApp } = props;
15803
+ const { t } = useT();
15804
+ const isAppTrusted = trustedAt && dayjs5(trustedAt).isValid() && dayjs5(trustedAt).isBefore(dayjs5());
15805
+ return /* @__PURE__ */ jsxs75(
15806
+ "div",
15807
+ {
15808
+ className: cn(
15809
+ "flex items-center gap-[var(--ui-kit-gap)]",
15810
+ "text-[10px] leading-tight",
15811
+ "p-2 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-info)]"
15812
+ ),
15813
+ children: [
15814
+ /* @__PURE__ */ jsxs75(
15815
+ "div",
15816
+ {
15817
+ className: cn(
15818
+ "w-12 h-12 relative flex-none",
15819
+ "flex items-center justify-center",
15820
+ "rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)]"
15821
+ ),
15822
+ children: [
15823
+ appLogo ? /* @__PURE__ */ jsx82("div", { className: "w-full h-full p-1", children: /* @__PURE__ */ jsx82("img", { src: appLogo, alt: appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx82(AppWindowMac, { className: "w-6 h-6 text-[var(--ui-kit-fg)]" }),
15824
+ isAppTrusted && /* @__PURE__ */ jsx82(
15825
+ "div",
15826
+ {
15827
+ className: cn(
15828
+ "flex items-center justify-center",
15829
+ "absolute -top-1 -right-1 h-5 w-5 rounded-full bg-[var(--ui-kit-bg-success)]"
15830
+ ),
15831
+ children: /* @__PURE__ */ jsx82(ShieldCheckIcon, { className: "w-4 h-4 text-black" })
15832
+ }
15833
+ )
15834
+ ]
15835
+ }
15836
+ ),
15837
+ /* @__PURE__ */ jsxs75("div", { className: "flex-1 min-w-0", children: [
15838
+ /* @__PURE__ */ jsx82("div", { className: "font-semibold truncate", children: appName || new URL(origin).hostname }),
15839
+ /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: new URL(origin).hostname }),
15840
+ isAppTrusted ? /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg)] truncate", children: t("passport:securityMenu.connectedApps.trustedAt", {
15841
+ time: dayjs5(trustedAt).format("MMM D, YYYY HH:mm")
15842
+ }) }) : /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: t("passport:securityMenu.connectedApps.connectedAt", {
15843
+ time: dayjs5(trustedAt).format("MMM D, YYYY HH:mm")
15844
+ }) })
15845
+ ] }),
15846
+ isAppTrusted && /* @__PURE__ */ jsx82(
15847
+ Button,
15848
+ {
15849
+ variant: "outline",
15850
+ size: "icon",
15851
+ className: "text-[var(--ui-kit-bg-error)] flex-none rounded-[var(--ui-kit-el-bdrs)]",
15852
+ onClick: () => untrustApp({ ...omit(props, "untrustApp"), hostname: new URL(origin).hostname }),
15853
+ children: /* @__PURE__ */ jsx82(ShieldBanIcon, { className: "h-4 w-4" })
15854
+ }
15855
+ )
15856
+ ]
15857
+ }
15858
+ );
15859
+ }
15860
+ function ConnectedApps(props) {
15861
+ const { isLoading: isParentLoading, untrustApp } = props;
15862
+ const { t } = useT();
15863
+ const { data: connectedApps = [], isLoading: isConnectedAppsLoading } = useConnectedApps();
15864
+ const isLoading = isConnectedAppsLoading || isParentLoading;
15865
+ if (isLoading) return null;
15866
+ if (!isLoading && connectedApps.length === 0)
15867
+ return /* @__PURE__ */ jsxs75(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)] ", children: [
15868
+ /* @__PURE__ */ jsx82(Info5, { className: "w-4 h-4" }),
15869
+ /* @__PURE__ */ jsx82("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
15870
+ ] });
15871
+ return /* @__PURE__ */ jsxs75(Fragment32, { children: [
15872
+ /* @__PURE__ */ jsxs75("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: [
15873
+ /* @__PURE__ */ jsx82("span", { children: t("passport:securityMenu.connectedApps.connectedApps") }),
15874
+ connectedApps.length > 0 && /* @__PURE__ */ jsxs75("span", { children: [
15875
+ " ",
15876
+ connectedApps.length
15877
+ ] })
15878
+ ] }),
15879
+ /* @__PURE__ */ jsx82("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ jsx82(Application, { ...app, untrustApp }, index)) })
15880
+ ] });
15881
+ }
15882
+ var init_ConnectedApps = __esm({
15883
+ "src/internal/components/SecurityMenu/ConnectedApps.tsx"() {
15884
+ init_utils2();
15885
+ init_i18n();
15886
+ init_button();
15887
+ init_highlight();
15888
+ init_hooks2();
15735
15889
  }
15736
15890
  });
15737
15891
 
15738
15892
  // src/internal/assets/NegativeIcon.tsx
15739
- import { jsx as jsx82, jsxs as jsxs75 } from "react/jsx-runtime";
15893
+ import { jsx as jsx83, jsxs as jsxs76 } from "react/jsx-runtime";
15740
15894
  function NegativeIcon(props) {
15741
15895
  const { width = "16", height = "16", ...rest } = props;
15742
- return /* @__PURE__ */ jsxs75("svg", { ...rest, width, height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
15743
- /* @__PURE__ */ jsx82("rect", { width: "16", height: "16", rx: "8", fill: "var(--ui-kit-bg-error)" }),
15744
- /* @__PURE__ */ jsx82("path", { d: "M10.8048 5.19482L5.19434 10.8055", stroke: "var(--ui-kit-fg)", strokeLinecap: "round" }),
15745
- /* @__PURE__ */ jsx82("path", { d: "M5.19421 5.19482L10.8047 10.8055", stroke: "var(--ui-kit-fg)", strokeLinecap: "round" })
15896
+ return /* @__PURE__ */ jsxs76("svg", { ...rest, width, height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
15897
+ /* @__PURE__ */ jsx83("rect", { width: "16", height: "16", rx: "8", fill: "var(--ui-kit-bg-error)" }),
15898
+ /* @__PURE__ */ jsx83("path", { d: "M10.8048 5.19482L5.19434 10.8055", stroke: "var(--ui-kit-fg)", strokeLinecap: "round" }),
15899
+ /* @__PURE__ */ jsx83("path", { d: "M5.19421 5.19482L10.8047 10.8055", stroke: "var(--ui-kit-fg)", strokeLinecap: "round" })
15746
15900
  ] });
15747
15901
  }
15748
15902
  var init_NegativeIcon = __esm({
@@ -15752,13 +15906,13 @@ var init_NegativeIcon = __esm({
15752
15906
 
15753
15907
  // src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
15754
15908
  import { Loader as Loader28 } from "lucide-react";
15755
- import { jsx as jsx83, jsxs as jsxs76 } from "react/jsx-runtime";
15909
+ import { jsx as jsx84, jsxs as jsxs77 } from "react/jsx-runtime";
15756
15910
  function KeyshareStatus(props) {
15757
15911
  const { isLoading, content, icon: Icon2, children } = props;
15758
- if (isLoading) return /* @__PURE__ */ jsx83(Loader28, { className: "w-4 h-4 animate-spin" });
15759
- return /* @__PURE__ */ jsxs76("div", { className: "group relative w-full h-full", children: [
15912
+ if (isLoading) return /* @__PURE__ */ jsx84(Loader28, { className: "w-4 h-4 animate-spin" });
15913
+ return /* @__PURE__ */ jsxs77("div", { className: "group relative w-full h-full", children: [
15760
15914
  children,
15761
- /* @__PURE__ */ jsx83(
15915
+ /* @__PURE__ */ jsx84(
15762
15916
  "div",
15763
15917
  {
15764
15918
  className: cn(
@@ -15766,10 +15920,10 @@ function KeyshareStatus(props) {
15766
15920
  "rounded-full bg-[var(--ui-kit-bg)]"
15767
15921
  // 'border border-[var(--ui-kit-bd)]'
15768
15922
  ),
15769
- children: /* @__PURE__ */ jsx83(Icon2, { className: "w-4 h-4" })
15923
+ children: /* @__PURE__ */ jsx84(Icon2, { className: "w-4 h-4" })
15770
15924
  }
15771
15925
  ),
15772
- /* @__PURE__ */ jsx83(
15926
+ /* @__PURE__ */ jsx84(
15773
15927
  "div",
15774
15928
  {
15775
15929
  style: { transform: "translateY(calc(var(--ui-kit-gap) * -4))" },
@@ -15792,11 +15946,11 @@ var init_KeyshareStatus = __esm({
15792
15946
  });
15793
15947
 
15794
15948
  // src/internal/components/SecurityMenu/Keyshare/LastBackup.tsx
15795
- import dayjs5 from "dayjs";
15949
+ import dayjs6 from "dayjs";
15796
15950
  import {
15797
15951
  DatabaseBackup
15798
15952
  } from "lucide-react";
15799
- import { Fragment as Fragment32, jsx as jsx84, jsxs as jsxs77 } from "react/jsx-runtime";
15953
+ import { Fragment as Fragment33, jsx as jsx85, jsxs as jsxs78 } from "react/jsx-runtime";
15800
15954
  function parseOS(ua) {
15801
15955
  if (!ua) return null;
15802
15956
  if (ua.includes("Mac OS X")) return "macOS";
@@ -15818,15 +15972,15 @@ function LastBackup(props) {
15818
15972
  // country: recoveryCountry
15819
15973
  } = createdRecoveryStats || {};
15820
15974
  const hasBackupData = backup?.server?.enabled && backup.server.lastBackup || !backup.server.lastBackup && recoveryCreatedAt || backup.cloud.enabled && backup.cloud?.lastBackup || backup.local.enabled && backup.local.lastBackup;
15821
- if (!hasBackupData) return null;
15822
- return /* @__PURE__ */ jsxs77(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] text-[10px] leading-tight", children: [
15823
- /* @__PURE__ */ jsxs77("span", { className: "flex items-center gap-[var(--ui-kit-gap)] font-bold text-xs leading-4", children: [
15824
- /* @__PURE__ */ jsx84(DatabaseBackup, { className: "w-4 h-4 flex-none" }),
15825
- /* @__PURE__ */ jsx84("span", { children: t("passport:securityMenu.lastBackup") })
15975
+ if (!hasBackupData || !createdRecoveryStats) return null;
15976
+ return /* @__PURE__ */ jsxs78(Highlight, { type: "info", className: "text-[10px] leading-4", children: [
15977
+ /* @__PURE__ */ jsxs78("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
15978
+ /* @__PURE__ */ jsx85(DatabaseBackup, { className: "w-4 h-4 flex-none" }),
15979
+ /* @__PURE__ */ jsx85("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
15826
15980
  ] }),
15827
- recoveryCreatedAt && /* @__PURE__ */ jsxs77(Fragment32, { children: [
15828
- /* @__PURE__ */ jsx84("span", { children: dayjs5(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") }),
15829
- /* @__PURE__ */ jsx84("span", { children: t("passport:securityMenu.lastBackupMeta", {
15981
+ recoveryCreatedAt && /* @__PURE__ */ jsxs78(Fragment33, { children: [
15982
+ /* @__PURE__ */ jsx85("span", { className: "block block font-mono!", children: dayjs6(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") }),
15983
+ /* @__PURE__ */ jsx85("span", { className: "block font-mono!", children: t("passport:securityMenu.lastBackupMeta", {
15830
15984
  browser: recoveryBrowser || "UNKNOWN",
15831
15985
  deviceName: recoveryDeviceName || "UNKNOWN",
15832
15986
  os: parseOS(recoveryUa) || "UNKNOWN"
@@ -15838,79 +15992,82 @@ var init_LastBackup = __esm({
15838
15992
  "src/internal/components/SecurityMenu/Keyshare/LastBackup.tsx"() {
15839
15993
  init_useT();
15840
15994
  init_highlight();
15995
+ {
15996
+ }
15997
+ {
15998
+ }
15841
15999
  }
15842
16000
  });
15843
16001
 
15844
16002
  // src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx
15845
- import { Cloud as Cloud3, Laptop, Loader as Loader29, RefreshCw as RefreshCw3, Server as Server2 } from "lucide-react";
15846
- import { Fragment as Fragment33, jsx as jsx85, jsxs as jsxs78 } from "react/jsx-runtime";
16003
+ import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon9, Server as Server2 } from "lucide-react";
16004
+ import { Fragment as Fragment34, jsx as jsx86, jsxs as jsxs79 } from "react/jsx-runtime";
15847
16005
  function Keyshare(props) {
15848
- const { userId, serverHasKeyshare, localInfo, hasServerBackup, createdRecoveryStats, isLoading, refresh } = props;
16006
+ const { userId, serverHasKeyshare, localInfo, hasServerBackup, createdRecoveryStats, isLoading } = props;
15849
16007
  const { t } = useT();
15850
16008
  const backup = userId ? getBackupStatus(userId) : { server: { enabled: false }, cloud: { enabled: false }, local: { enabled: false } };
15851
- return /* @__PURE__ */ jsxs78(Fragment33, { children: [
15852
- /* @__PURE__ */ jsxs78("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
15853
- /* @__PURE__ */ jsx85("span", { className: "text-xs text-[var(--ui-kit-fg-muted)]", children: t("passport:securityMenu.keyshareStatus.title") }),
15854
- /* @__PURE__ */ jsx85(Button, { variant: "ghost", size: "icon", title: "Refresh", disabled: isLoading, onClick: refresh, children: isLoading ? /* @__PURE__ */ jsx85(Loader29, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx85(RefreshCw3, { className: "h-4 w-4" }) })
15855
- ] }),
15856
- /* @__PURE__ */ jsxs78("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
15857
- /* @__PURE__ */ jsx85(
16009
+ if (isLoading) {
16010
+ return /* @__PURE__ */ jsx86("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx86(LoaderIcon9, { className: "h-4 w-4 animate-spin" }) });
16011
+ }
16012
+ return /* @__PURE__ */ jsxs79(Fragment34, { children: [
16013
+ /* @__PURE__ */ jsx86("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: t("passport:securityMenu.keyshareStatus.title") }),
16014
+ /* @__PURE__ */ jsxs79("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
16015
+ /* @__PURE__ */ jsx86(
15858
16016
  KeyshareStatus,
15859
16017
  {
15860
16018
  content: serverHasKeyshare ? t("passport:securityMenu.keyshareStatus.serverReady") : t("passport:securityMenu.keyshareStatus.serverMissing"),
15861
16019
  icon: serverHasKeyshare ? PositiveIcon : NegativeIcon,
15862
- children: /* @__PURE__ */ jsxs78(
16020
+ children: /* @__PURE__ */ jsxs79(
15863
16021
  Highlight,
15864
16022
  {
15865
16023
  type: serverHasKeyshare ? "success" : "warning",
15866
16024
  className: "w-full h-full flex flex-col items-center gap-0",
15867
16025
  children: [
15868
- /* @__PURE__ */ jsx85(Cloud3, { className: "h-6 w-6" }),
15869
- /* @__PURE__ */ jsx85("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
16026
+ /* @__PURE__ */ jsx86(Cloud3, { className: "h-6 w-6" }),
16027
+ /* @__PURE__ */ jsx86("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
15870
16028
  ]
15871
16029
  }
15872
16030
  )
15873
16031
  }
15874
16032
  ),
15875
- /* @__PURE__ */ jsx85(
16033
+ /* @__PURE__ */ jsx86(
15876
16034
  KeyshareStatus,
15877
16035
  {
15878
16036
  content: localInfo?.hasKeyshare ? t("passport:securityMenu.keyshareStatus.localReady") : t("passport:securityMenu.keyshareStatus.localMissing"),
15879
16037
  icon: localInfo?.hasKeyshare ? PositiveIcon : NegativeIcon,
15880
- children: /* @__PURE__ */ jsxs78(
16038
+ children: /* @__PURE__ */ jsxs79(
15881
16039
  Highlight,
15882
16040
  {
15883
16041
  type: localInfo?.hasKeyshare ? "success" : "warning",
15884
16042
  className: "w-full h-full flex flex-col items-center gap-0",
15885
16043
  children: [
15886
- /* @__PURE__ */ jsx85(Laptop, { className: "h-6 w-6" }),
15887
- /* @__PURE__ */ jsx85("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
16044
+ /* @__PURE__ */ jsx86(Laptop, { className: "h-6 w-6" }),
16045
+ /* @__PURE__ */ jsx86("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
15888
16046
  ]
15889
16047
  }
15890
16048
  )
15891
16049
  }
15892
16050
  ),
15893
- /* @__PURE__ */ jsx85(
16051
+ /* @__PURE__ */ jsx86(
15894
16052
  KeyshareStatus,
15895
16053
  {
15896
16054
  content: hasServerBackup ? t("passport:securityMenu.keyshareStatus.valutBackupCreated") : t("passport:securityMenu.keyshareStatus.valutBackupMissing"),
15897
16055
  icon: hasServerBackup ? PositiveIcon : NegativeIcon,
15898
- children: /* @__PURE__ */ jsxs78(
16056
+ children: /* @__PURE__ */ jsxs79(
15899
16057
  Highlight,
15900
16058
  {
15901
16059
  type: hasServerBackup ? "success" : "warning",
15902
16060
  className: "w-full h-full flex flex-col items-center gap-0",
15903
16061
  children: [
15904
- /* @__PURE__ */ jsx85(Server2, { className: "h-6 w-6" }),
15905
- /* @__PURE__ */ jsx85("span", { className: "text-[10px] font-medium leading-4", children: "Backup Vault" })
16062
+ /* @__PURE__ */ jsx86(Server2, { className: "h-6 w-6" }),
16063
+ /* @__PURE__ */ jsx86("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
15906
16064
  ]
15907
16065
  }
15908
16066
  )
15909
16067
  }
15910
16068
  )
15911
16069
  ] }),
15912
- createdRecoveryStats?.at && /* @__PURE__ */ jsx85(LastBackup, { backup, createdRecoveryStats }),
15913
- /* @__PURE__ */ jsx85("div", { className: "w-full", style: { borderTop: "1px solid var(--ui-kit-bd)" } })
16070
+ /* @__PURE__ */ jsx86(LastBackup, { backup, createdRecoveryStats })
15914
16071
  ] });
15915
16072
  }
15916
16073
  var init_Keyshare = __esm({
@@ -15919,10 +16076,13 @@ var init_Keyshare = __esm({
15919
16076
  init_NegativeIcon();
15920
16077
  init_PositiveIcon();
15921
16078
  init_vaultClient();
15922
- init_button();
15923
16079
  init_highlight();
15924
16080
  init_KeyshareStatus();
15925
16081
  init_LastBackup();
16082
+ {
16083
+ }
16084
+ {
16085
+ }
15926
16086
  }
15927
16087
  });
15928
16088
 
@@ -15933,25 +16093,25 @@ var init_Keyshare2 = __esm({
15933
16093
  }
15934
16094
  });
15935
16095
 
15936
- // src/internal/components/SecurityMenu/RemoveTrustedApp.tsx
15937
- import { AppWindowMac, Loader as Loader30 } from "lucide-react";
15938
- import { jsx as jsx86, jsxs as jsxs79 } from "react/jsx-runtime";
15939
- function RemoveTrustedApp(props) {
15940
- const { appToRemove, isRemoving, setAppToRemove, handleRemoveTrustedApp } = props;
16096
+ // src/internal/components/SecurityMenu/UntrustApplication.tsx
16097
+ import { AppWindowMac as AppWindowMac2, Loader as Loader29 } from "lucide-react";
16098
+ import { jsx as jsx87, jsxs as jsxs80 } from "react/jsx-runtime";
16099
+ function UntrustApplication(props) {
16100
+ const { appToRemove, isPending, setAppToRemove, handleUntrustApp } = props;
15941
16101
  const { t } = useT();
15942
- return /* @__PURE__ */ jsxs79("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
15943
- /* @__PURE__ */ jsxs79(Highlight, { className: "flex flex-col gap-[var(--ui-kit-gap)]", type: "warning", children: [
15944
- /* @__PURE__ */ jsxs79("span", { className: "text-sm leading-5 font-bold", children: [
16102
+ return /* @__PURE__ */ jsxs80("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
16103
+ /* @__PURE__ */ jsxs80(Highlight, { className: "flex flex-col gap-[var(--ui-kit-gap)]", type: "warning", children: [
16104
+ /* @__PURE__ */ jsxs80("span", { className: "text-sm leading-5 font-bold", children: [
15945
16105
  t("passport:common.delete"),
15946
16106
  " ",
15947
- t("passport:securityMenu.trustedApps.trustedApp"),
16107
+ t("passport:securityMenu.connectedApps.trustedApp"),
15948
16108
  "?"
15949
16109
  ] }),
15950
- /* @__PURE__ */ jsxs79("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)]", children: [
15951
- appToRemove.appLogo ? /* @__PURE__ */ jsx86("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ jsx86("img", { src: appToRemove.appLogo, alt: appToRemove.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx86("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx86(AppWindowMac, { className: "w-6 h-6" }) }),
15952
- /* @__PURE__ */ jsxs79("div", { className: "flex-1 text-left", children: [
15953
- /* @__PURE__ */ jsx86("div", { className: "font-medium", children: appToRemove.appName || appToRemove.hostname }),
15954
- /* @__PURE__ */ jsxs79("div", { className: "text-[10px]", children: [
16110
+ /* @__PURE__ */ jsxs80("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)]", children: [
16111
+ appToRemove.appLogo ? /* @__PURE__ */ jsx87("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ jsx87("img", { src: appToRemove.appLogo, alt: appToRemove.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx87("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx87(AppWindowMac2, { className: "w-6 h-6" }) }),
16112
+ /* @__PURE__ */ jsxs80("div", { className: "flex-1 text-left", children: [
16113
+ /* @__PURE__ */ jsx87("div", { className: "font-medium", children: appToRemove.appName || appToRemove.hostname }),
16114
+ /* @__PURE__ */ jsxs80("div", { className: "text-[10px]", children: [
15955
16115
  "(",
15956
16116
  appToRemove.hostname,
15957
16117
  ")"
@@ -15959,98 +16119,34 @@ function RemoveTrustedApp(props) {
15959
16119
  ] })
15960
16120
  ] })
15961
16121
  ] }),
15962
- /* @__PURE__ */ jsxs79("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] text-left space-y-1", children: [
15963
- /* @__PURE__ */ jsxs79("p", { children: [
15964
- t("passport:securityMenu.trustedApps.removalNoteTitle"),
16122
+ /* @__PURE__ */ jsxs80("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] text-left space-y-1", children: [
16123
+ /* @__PURE__ */ jsxs80("p", { children: [
16124
+ t("passport:securityMenu.connectedApps.removalNoteTitle"),
15965
16125
  ":"
15966
16126
  ] }),
15967
- /* @__PURE__ */ jsxs79("ul", { className: "list-disc list-inside ml-2 space-y-0.5", children: [
15968
- /* @__PURE__ */ jsx86("li", { children: t("passport:securityMenu.trustedApps.removalNoteMsg1") }),
15969
- /* @__PURE__ */ jsx86("li", { children: t("passport:securityMenu.trustedApps.removalNoteMsg2") })
16127
+ /* @__PURE__ */ jsxs80("ul", { className: "list-disc list-inside ml-2 space-y-0.5", children: [
16128
+ /* @__PURE__ */ jsx87("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg1") }),
16129
+ /* @__PURE__ */ jsx87("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg2") })
15970
16130
  ] })
15971
16131
  ] }),
15972
- /* @__PURE__ */ jsxs79("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
15973
- /* @__PURE__ */ jsx86(
16132
+ /* @__PURE__ */ jsxs80("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
16133
+ /* @__PURE__ */ jsx87(
15974
16134
  Button,
15975
16135
  {
15976
16136
  variant: "outline",
15977
16137
  size: "large",
15978
16138
  className: "flex-1",
15979
16139
  onClick: () => setAppToRemove(null),
15980
- disabled: isRemoving,
16140
+ disabled: isPending,
15981
16141
  children: t("passport:common.cancel")
15982
16142
  }
15983
16143
  ),
15984
- /* @__PURE__ */ jsx86(
15985
- Button,
15986
- {
15987
- variant: "default",
15988
- size: "large",
15989
- className: "flex-1",
15990
- onClick: handleRemoveTrustedApp,
15991
- disabled: isRemoving,
15992
- children: isRemoving ? /* @__PURE__ */ jsx86(Loader30, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete")
15993
- }
15994
- )
16144
+ /* @__PURE__ */ jsx87(Button, { variant: "default", size: "large", className: "flex-1", onClick: handleUntrustApp, disabled: isPending, children: isPending ? /* @__PURE__ */ jsx87(Loader29, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete") })
15995
16145
  ] })
15996
16146
  ] });
15997
16147
  }
15998
- var init_RemoveTrustedApp = __esm({
15999
- "src/internal/components/SecurityMenu/RemoveTrustedApp.tsx"() {
16000
- init_i18n();
16001
- init_button();
16002
- init_highlight();
16003
- }
16004
- });
16005
-
16006
- // src/internal/components/SecurityMenu/TrustedApps.tsx
16007
- import dayjs6 from "dayjs";
16008
- import { AppWindowMac as AppWindowMac2, Info as Info5, Trash2 as Trash24 } from "lucide-react";
16009
- import { Fragment as Fragment34, jsx as jsx87, jsxs as jsxs80 } from "react/jsx-runtime";
16010
- function TrustedApps(props) {
16011
- const { trustedApps, setAppToRemove } = props;
16012
- const { t } = useT();
16013
- if (trustedApps.length === 0)
16014
- return /* @__PURE__ */ jsxs80(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)] ", children: [
16015
- /* @__PURE__ */ jsx87(Info5, { className: "w-4 h-4" }),
16016
- /* @__PURE__ */ jsx87("span", { children: t("passport:securityMenu.trustedApps.noTrustedApps") })
16017
- ] });
16018
- return /* @__PURE__ */ jsxs80(Fragment34, { children: [
16019
- /* @__PURE__ */ jsx87("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: `${t("passport:securityMenu.trustedApps.trustedApps")} (${trustedApps.length}):` }),
16020
- /* @__PURE__ */ jsx87("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: trustedApps.map((app, index) => /* @__PURE__ */ jsxs80(
16021
- "div",
16022
- {
16023
- className: "text-[10px] leading-tight p-2 rounded-[var(--ui-kit-el-bdrs)] flex items-center gap-[var(--ui-kit-gap)] bg-[var(--ui-kit-bg-info)]",
16024
- children: [
16025
- app.appLogo ? /* @__PURE__ */ jsx87("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ jsx87("img", { src: app.appLogo, alt: app.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx87("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx87(AppWindowMac2, { className: "w-6 h-6" }) }),
16026
- /* @__PURE__ */ jsxs80("div", { className: "flex-1 min-w-0", children: [
16027
- /* @__PURE__ */ jsx87("div", { className: "font-semibold truncate", children: app.appName || new URL(app.origin).hostname }),
16028
- /* @__PURE__ */ jsx87("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: new URL(app.origin).hostname }),
16029
- /* @__PURE__ */ jsxs80("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: [
16030
- t("passport:common.added"),
16031
- ": ",
16032
- dayjs6(app.trustedAt).format("MMM D, YYYY HH:mm")
16033
- ] })
16034
- ] }),
16035
- /* @__PURE__ */ jsx87(
16036
- Button,
16037
- {
16038
- variant: "ghost",
16039
- size: "icon",
16040
- title: "Remove from trusted",
16041
- className: "text-[var(--ui-kit-bg-error)] flex-shrink-0",
16042
- onClick: () => setAppToRemove({ ...app, hostname: new URL(app.origin).hostname }),
16043
- children: /* @__PURE__ */ jsx87(Trash24, { className: "h-4 w-4" })
16044
- }
16045
- )
16046
- ]
16047
- },
16048
- index
16049
- )) })
16050
- ] });
16051
- }
16052
- var init_TrustedApps = __esm({
16053
- "src/internal/components/SecurityMenu/TrustedApps.tsx"() {
16148
+ var init_UntrustApplication = __esm({
16149
+ "src/internal/components/SecurityMenu/UntrustApplication.tsx"() {
16054
16150
  init_i18n();
16055
16151
  init_button();
16056
16152
  init_highlight();
@@ -16058,10 +16154,10 @@ var init_TrustedApps = __esm({
16058
16154
  });
16059
16155
 
16060
16156
  // src/internal/components/SecurityMenu/SecurityMenu.tsx
16061
- import { useQuery as useQuery18, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
16062
- import { ArrowLeft as ArrowLeft17, Loader as Loader31 } from "lucide-react";
16157
+ import { useMutation as useMutation17, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
16158
+ import { ArrowLeft as ArrowLeft17 } from "lucide-react";
16063
16159
  import { useState as useState23 } from "react";
16064
- import { Fragment as Fragment35, jsx as jsx88, jsxs as jsxs81 } from "react/jsx-runtime";
16160
+ import { jsx as jsx88, jsxs as jsxs81 } from "react/jsx-runtime";
16065
16161
  function SecurityMenu() {
16066
16162
  const qc = useQueryClient22();
16067
16163
  const { t } = useT();
@@ -16069,51 +16165,32 @@ function SecurityMenu() {
16069
16165
  const setPage = useLayoutDataStore((st) => st.setPage);
16070
16166
  const userId = jwtTokenManager2.getUserId();
16071
16167
  const serverHasKeyshare = jwtTokenManager2.getHasKeyshare() ?? false;
16072
- const [isRemoving, setIsRemoving] = useState23(false);
16073
- const [appToRemove, setAppToRemove] = useState23(null);
16074
- const {
16075
- data: recoveryData,
16076
- isFetching: isRecoveryLoading,
16077
- isLoading: isRecoveryLoadingInitial
16078
- } = useQuery18({
16079
- enabled: !!userId,
16080
- queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
16081
- queryFn: async () => {
16082
- const iframeManager = getIframeManager();
16083
- if (!iframeManager) {
16084
- throw new Error("Iframe manager not available");
16085
- }
16086
- const trustedApps2 = await iframeManager.getTrustedApps(userId);
16087
- const keyshareInfo = await getKeyshareInfo(userId);
16088
- const shareRecoveryStats = await getShareRecoveryStats();
16089
- return { trustedApps: trustedApps2, keyshareInfo, shareRecoveryStats };
16090
- }
16091
- });
16168
+ const [appToUntrust, untrustApp] = useState23(null);
16169
+ const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
16092
16170
  const localInfo = recoveryData?.keyshareInfo || {};
16093
- const trustedApps = recoveryData?.trustedApps || [];
16094
16171
  const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
16095
- const backup = userId ? getBackupStatus(userId) : { server: { enabled: false }, cloud: { enabled: false }, local: { enabled: false } };
16096
- const handleRemoveTrustedApp = async () => {
16097
- if (!userId || !appToRemove) return;
16098
- setIsRemoving(true);
16099
- try {
16172
+ const { mutate: handleUntrustApp, isPending: isUntrustingApp } = useMutation17({
16173
+ mutationFn: async () => {
16174
+ if (!userId || !appToUntrust) return;
16100
16175
  const iframeManager = getIframeManager();
16101
16176
  if (!iframeManager) {
16102
16177
  throw new Error("Iframe manager not available");
16103
16178
  }
16104
- const success = await iframeManager.removeTrustedApp(userId, appToRemove.projectId, appToRemove.origin);
16105
- if (success) {
16106
- qc.invalidateQueries({ queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId] });
16107
- setAppToRemove(null);
16108
- } else {
16109
- console.error("[SecurityMenu] Failed to remove trusted app");
16179
+ return await iframeManager.removeTrustedApp(userId, appToUntrust.projectId, appToUntrust.origin);
16180
+ },
16181
+ onSuccess: (success) => {
16182
+ if (!success) {
16183
+ console.error("[SecurityMenu] Failed to remove trusted app from iframe");
16184
+ return;
16110
16185
  }
16111
- } catch (error) {
16112
- console.error("[SecurityMenu] Error removing trusted app:", error);
16113
- } finally {
16114
- setIsRemoving(false);
16186
+ qc.invalidateQueries({ queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId] });
16187
+ untrustApp(null);
16188
+ },
16189
+ onError: (error) => {
16190
+ const errorMessage = error instanceof Error ? error.message : "Unknown error";
16191
+ console.error("[SecurityMenu] Error removing trusted app:", errorMessage);
16115
16192
  }
16116
- };
16193
+ });
16117
16194
  return /* @__PURE__ */ jsx88(
16118
16195
  "div",
16119
16196
  {
@@ -16131,7 +16208,7 @@ function SecurityMenu() {
16131
16208
  size: "icon",
16132
16209
  title: t("passport:common.back"),
16133
16210
  onClick: () => {
16134
- if (!!appToRemove) setAppToRemove(null);
16211
+ if (!!appToUntrust) untrustApp(null);
16135
16212
  else setPage("settings" /* SETTINGS */);
16136
16213
  },
16137
16214
  children: /* @__PURE__ */ jsx88(ArrowLeft17, { className: "h-4 w-4" })
@@ -16139,31 +16216,27 @@ function SecurityMenu() {
16139
16216
  ),
16140
16217
  /* @__PURE__ */ jsx88("span", { className: "text-xl font-semibold", children: t("passport:securityMenu.title") })
16141
16218
  ] }),
16142
- !!isRecoveryLoadingInitial && /* @__PURE__ */ jsx88("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx88(Loader31, { className: "h-4 w-4 animate-spin" }) }),
16143
- !isRecoveryLoadingInitial && !appToRemove && /* @__PURE__ */ jsxs81(Fragment35, { children: [
16144
- /* @__PURE__ */ jsx88(
16145
- Keyshare,
16146
- {
16147
- userId,
16148
- serverHasKeyshare,
16149
- localInfo,
16150
- hasServerBackup,
16151
- isLoading: isRecoveryLoading,
16152
- createdRecoveryStats: recoveryData?.shareRecoveryStats?.created,
16153
- refresh: () => qc.invalidateQueries({ queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId] })
16154
- }
16155
- ),
16156
- /* @__PURE__ */ jsx88(TrustedApps, { trustedApps, setAppToRemove })
16157
- ] }),
16158
- !isRecoveryLoadingInitial && !!appToRemove && /* @__PURE__ */ jsx88(
16159
- RemoveTrustedApp,
16219
+ appToUntrust && /* @__PURE__ */ jsx88(
16220
+ UntrustApplication,
16160
16221
  {
16161
- appToRemove,
16162
- setAppToRemove,
16163
- handleRemoveTrustedApp,
16164
- isRemoving
16222
+ appToRemove: appToUntrust,
16223
+ setAppToRemove: untrustApp,
16224
+ handleUntrustApp: async () => await handleUntrustApp(),
16225
+ isPending: isRecoveryLoading || isUntrustingApp
16165
16226
  }
16166
- )
16227
+ ),
16228
+ !appToUntrust && /* @__PURE__ */ jsx88(
16229
+ Keyshare,
16230
+ {
16231
+ userId,
16232
+ serverHasKeyshare,
16233
+ localInfo,
16234
+ hasServerBackup,
16235
+ isLoading: isRecoveryLoading,
16236
+ createdRecoveryStats: recoveryData?.shareRecoveryStats?.created
16237
+ }
16238
+ ),
16239
+ !appToUntrust && /* @__PURE__ */ jsx88(ConnectedApps, { isLoading: isRecoveryLoading, untrustApp })
16167
16240
  ] })
16168
16241
  }
16169
16242
  );
@@ -16172,17 +16245,16 @@ var init_SecurityMenu = __esm({
16172
16245
  "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
16173
16246
  init_i18n();
16174
16247
  init_auth();
16175
- init_keyshare();
16176
16248
  init_useLayoutDataStore();
16177
16249
  init_useLayoutStore();
16178
16250
  init_iframe_manager();
16179
- init_vaultClient();
16180
16251
  init_Expandable2();
16181
16252
  init_button();
16253
+ init_ConnectedApps();
16182
16254
  init_constants6();
16255
+ init_hooks2();
16183
16256
  init_Keyshare2();
16184
- init_RemoveTrustedApp();
16185
- init_TrustedApps();
16257
+ init_UntrustApplication();
16186
16258
  }
16187
16259
  });
16188
16260
 
@@ -16338,7 +16410,7 @@ var init_nickname_fingerprint = __esm({
16338
16410
  });
16339
16411
 
16340
16412
  // src/hooks/useNicknameResolve.ts
16341
- import { useQuery as useQuery19 } from "@tanstack/react-query";
16413
+ import { useQuery as useQuery20 } from "@tanstack/react-query";
16342
16414
  import { useState as useState24, useEffect as useEffect34, useMemo as useMemo6 } from "react";
16343
16415
  function looksLikeNickname(input) {
16344
16416
  if (!input) return false;
@@ -16368,7 +16440,7 @@ function useNicknameResolve(input, options) {
16368
16440
  clearTimeout(timer);
16369
16441
  };
16370
16442
  }, [normalized, isNicknameInput, enabled]);
16371
- const query = useQuery19({
16443
+ const query = useQuery20({
16372
16444
  queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
16373
16445
  queryFn: () => resolveNickname(debouncedInput, chainId),
16374
16446
  enabled: enabled && isNicknameInput && debouncedInput.length > 0,
@@ -16747,7 +16819,7 @@ var init_useSendStore = __esm({
16747
16819
 
16748
16820
  // src/internal/components/SendRecieveMenu/components/AssetList.tsx
16749
16821
  import { formatUnits as formatUnits7 } from "viem";
16750
- import { Fragment as Fragment36, jsx as jsx91, jsxs as jsxs84 } from "react/jsx-runtime";
16822
+ import { Fragment as Fragment35, jsx as jsx91, jsxs as jsxs84 } from "react/jsx-runtime";
16751
16823
  function getAssetBalance2(asset) {
16752
16824
  if (isNftAsset2(asset)) return "1";
16753
16825
  const balance = Number(formatUnits7(BigInt(asset?.balance || "0"), asset?.decimals || 18));
@@ -16779,13 +16851,13 @@ function AssetListItem(props) {
16779
16851
  /* @__PURE__ */ jsx91(AssetInputIcon, { asset, size: "large" }),
16780
16852
  /* @__PURE__ */ jsxs84("div", { className: "flex-1 flex flex-col items-start", children: [
16781
16853
  /* @__PURE__ */ jsx91("div", { className: "text-[10px] truncate leading-4", children: isNft ? asset.nftMetadata?.name || asset.name : asset.name }),
16782
- /* @__PURE__ */ jsx91("span", { className: "block text-lg font-bold", children: isNft ? /* @__PURE__ */ jsxs84(Fragment36, { children: [
16854
+ /* @__PURE__ */ jsx91("span", { className: "block text-lg font-bold", children: isNft ? /* @__PURE__ */ jsxs84(Fragment35, { children: [
16783
16855
  asset.symbol,
16784
16856
  asset.tokenId && /* @__PURE__ */ jsxs84("span", { className: "ml-1", children: [
16785
16857
  "#",
16786
16858
  asset.tokenId.length > 6 ? `${asset.tokenId.slice(0, 4)}...` : asset.tokenId
16787
16859
  ] })
16788
- ] }) : /* @__PURE__ */ jsxs84(Fragment36, { children: [
16860
+ ] }) : /* @__PURE__ */ jsxs84(Fragment35, { children: [
16789
16861
  BALANCE_PREFIXES[asset.symbol] || null,
16790
16862
  /* @__PURE__ */ jsx91("span", { children: getAssetBalance2(asset) }),
16791
16863
  " ",
@@ -16810,20 +16882,20 @@ function AssetList(props) {
16810
16882
  const tokenAssets = transferableAssets.filter((a) => a.type === "erc20");
16811
16883
  const securityAssets = transferableAssets.filter((a) => a.type === "erc3643");
16812
16884
  const nftAssets = transferableAssets.filter((a) => a.type === "erc721" || a.type === "erc1155");
16813
- return /* @__PURE__ */ jsxs84(Fragment36, { children: [
16814
- nativeAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment36, { children: [
16885
+ return /* @__PURE__ */ jsxs84(Fragment35, { children: [
16886
+ nativeAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment35, { children: [
16815
16887
  /* @__PURE__ */ jsx91("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Crypto" }),
16816
16888
  nativeAssets.map((asset) => /* @__PURE__ */ jsx91(AssetListItem, { asset }, `native-${asset.symbol}`))
16817
16889
  ] }),
16818
- tokenAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment36, { children: [
16890
+ tokenAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment35, { children: [
16819
16891
  /* @__PURE__ */ jsx91("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Tokens" }),
16820
16892
  tokenAssets.map((asset) => /* @__PURE__ */ jsx91(AssetListItem, { asset }, `token-${asset.address}`))
16821
16893
  ] }),
16822
- securityAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment36, { children: [
16894
+ securityAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment35, { children: [
16823
16895
  /* @__PURE__ */ jsx91("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Security Tokens" }),
16824
16896
  securityAssets.map((asset) => /* @__PURE__ */ jsx91(AssetListItem, { asset }, `security-${asset.address}`))
16825
16897
  ] }),
16826
- nftAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment36, { children: [
16898
+ nftAssets.length > 0 && /* @__PURE__ */ jsxs84(Fragment35, { children: [
16827
16899
  /* @__PURE__ */ jsx91("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "NFTs" }),
16828
16900
  nftAssets.map((asset) => /* @__PURE__ */ jsx91(AssetListItem, { asset }, `nft-${asset.address}-${asset.tokenId}`))
16829
16901
  ] }),
@@ -16929,9 +17001,9 @@ var init_components3 = __esm({
16929
17001
  });
16930
17002
 
16931
17003
  // src/internal/components/SendRecieveMenu/sendSteps/InputSendStep.tsx
16932
- import { AlertCircle as AlertCircle6, AtSign as AtSign3, CheckCircle2 as CheckCircle24, Loader as Loader32, Wallet2 as Wallet24 } from "lucide-react";
17004
+ import { AlertCircle as AlertCircle6, AtSign as AtSign3, CheckCircle2 as CheckCircle24, Loader as Loader30, Wallet2 as Wallet24 } from "lucide-react";
16933
17005
  import { formatUnits as formatUnits8, isAddress as isAddress2 } from "viem";
16934
- import { Fragment as Fragment37, jsx as jsx93, jsxs as jsxs86 } from "react/jsx-runtime";
17006
+ import { Fragment as Fragment36, jsx as jsx93, jsxs as jsxs86 } from "react/jsx-runtime";
16935
17007
  function InputSendStep(props) {
16936
17008
  const { erc3643Compliance, isNicknameInput, resolvedNicknameData, isTransactionPending, isAssetsLoading } = props;
16937
17009
  const address = useSession((st) => st.address);
@@ -17030,14 +17102,14 @@ function InputSendStep(props) {
17030
17102
  setSendError(null);
17031
17103
  return true;
17032
17104
  };
17033
- return /* @__PURE__ */ jsxs86(Fragment37, { children: [
17105
+ return /* @__PURE__ */ jsxs86(Fragment36, { children: [
17034
17106
  /* @__PURE__ */ jsx93("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:sendMenu.selectAsset") }),
17035
17107
  /* @__PURE__ */ jsxs86(Button, { variant: "outline", size: "large", onClick: () => setTxStep("select-asset"), className: "justify-between", children: [
17036
17108
  selectedAsset ? /* @__PURE__ */ jsxs86("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
17037
17109
  /* @__PURE__ */ jsx93(AssetInputIcon, { asset: selectedAsset }),
17038
17110
  /* @__PURE__ */ jsx93("span", { children: (isNft ? selectedAsset.nftMetadata?.name || selectedAsset.symbol : selectedAsset.name).toUpperCase() })
17039
17111
  ] }) : /* @__PURE__ */ jsx93("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "No Asset Selected" }),
17040
- isAssetsLoading && /* @__PURE__ */ jsx93(Loader32, { className: "w-4 h-4 animate-spin" })
17112
+ isAssetsLoading && /* @__PURE__ */ jsx93(Loader30, { className: "w-4 h-4 animate-spin" })
17041
17113
  ] }),
17042
17114
  /* @__PURE__ */ jsx93("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:sendMenu.recipient") }),
17043
17115
  /* @__PURE__ */ jsx93(
@@ -17048,7 +17120,7 @@ function InputSendStep(props) {
17048
17120
  value: recipient,
17049
17121
  onChange: (e) => setRecipient(e.target.value),
17050
17122
  placeholder: "0x... or @nickname",
17051
- element: isNicknameInput && isResolving ? /* @__PURE__ */ jsx93(Loader32, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }) : null
17123
+ element: isNicknameInput && isResolving ? /* @__PURE__ */ jsx93(Loader30, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }) : null
17052
17124
  }
17053
17125
  ),
17054
17126
  /* @__PURE__ */ jsx93(NicknameData, { resolvedNicknameData, isNicknameInput }),
@@ -17082,13 +17154,13 @@ function InputSendStep(props) {
17082
17154
  {
17083
17155
  type: isComplianceLoading ? "info" : erc3643CanTransfer ? "success" : "error",
17084
17156
  className: "flex gap-[var(--ui-kit-gap)]",
17085
- children: isComplianceLoading ? /* @__PURE__ */ jsxs86(Fragment37, { children: [
17086
- /* @__PURE__ */ jsx93(Loader32, { className: "h-4 w-4 animate-spin" }),
17157
+ children: isComplianceLoading ? /* @__PURE__ */ jsxs86(Fragment36, { children: [
17158
+ /* @__PURE__ */ jsx93(Loader30, { className: "h-4 w-4 animate-spin" }),
17087
17159
  /* @__PURE__ */ jsx93("span", { children: "Checking compliance..." })
17088
- ] }) : erc3643CanTransfer ? /* @__PURE__ */ jsxs86(Fragment37, { children: [
17160
+ ] }) : erc3643CanTransfer ? /* @__PURE__ */ jsxs86(Fragment36, { children: [
17089
17161
  /* @__PURE__ */ jsx93(CheckCircle24, { className: "h-4 w-4" }),
17090
17162
  /* @__PURE__ */ jsx93("span", { children: "Transfer compliant" })
17091
- ] }) : /* @__PURE__ */ jsxs86(Fragment37, { children: [
17163
+ ] }) : /* @__PURE__ */ jsxs86(Fragment36, { children: [
17092
17164
  /* @__PURE__ */ jsx93(AlertCircle6, { className: "h-4 w-4" }),
17093
17165
  /* @__PURE__ */ jsx93("span", { children: complianceError || "Transfer not allowed" })
17094
17166
  ] })
@@ -17124,8 +17196,8 @@ var init_InputSendStep = __esm({
17124
17196
  });
17125
17197
 
17126
17198
  // src/internal/components/SendRecieveMenu/sendSteps/ConfirmSendStep.tsx
17127
- import { AlertTriangle as AlertTriangle7, AtSign as AtSign4, Loader as Loader33, Shield, ShieldAlert as ShieldAlert3, ShieldCheck as ShieldCheck3 } from "lucide-react";
17128
- import { Fragment as Fragment38, jsx as jsx94, jsxs as jsxs87 } from "react/jsx-runtime";
17199
+ import { AlertTriangle as AlertTriangle7, AtSign as AtSign4, Loader as Loader31, Shield, ShieldAlert as ShieldAlert3, ShieldCheck as ShieldCheck3 } from "lucide-react";
17200
+ import { Fragment as Fragment37, jsx as jsx94, jsxs as jsxs87 } from "react/jsx-runtime";
17129
17201
  function ConfirmSendStep(props) {
17130
17202
  const {
17131
17203
  sendTransaction,
@@ -17162,7 +17234,7 @@ function ConfirmSendStep(props) {
17162
17234
  setTxStep("input");
17163
17235
  }
17164
17236
  };
17165
- return /* @__PURE__ */ jsxs87(Fragment38, { children: [
17237
+ return /* @__PURE__ */ jsxs87(Fragment37, { children: [
17166
17238
  isNicknameInput && isFrozen && /* @__PURE__ */ jsxs87(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
17167
17239
  /* @__PURE__ */ jsx94(AlertTriangle7, { className: "h-4 w-4" }),
17168
17240
  /* @__PURE__ */ jsx94("span", { children: "This handle is frozen. Proceed with caution." })
@@ -17182,7 +17254,7 @@ function ConfirmSendStep(props) {
17182
17254
  selectedAsset.symbol
17183
17255
  ] })
17184
17256
  ] }),
17185
- /* @__PURE__ */ jsx94(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ jsxs87(Fragment38, { children: [
17257
+ /* @__PURE__ */ jsx94(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ jsxs87(Fragment37, { children: [
17186
17258
  /* @__PURE__ */ jsxs87("div", { className: "flex items-start gap-[var(--ui-kit-gap)]", children: [
17187
17259
  nicknameData.avatarSvg ? /* @__PURE__ */ jsx94(
17188
17260
  "img",
@@ -17240,7 +17312,7 @@ function ConfirmSendStep(props) {
17240
17312
  /* @__PURE__ */ jsx94("span", { className: "text-sm font-bold", children: chainConfig.name })
17241
17313
  ] })
17242
17314
  ] })
17243
- ] }) : /* @__PURE__ */ jsxs87(Fragment38, { children: [
17315
+ ] }) : /* @__PURE__ */ jsxs87(Fragment37, { children: [
17244
17316
  /* @__PURE__ */ jsx94("h3", { className: "font-medium mb-3 text-[var(--ui-kit-fg)]", children: "Transaction Details" }),
17245
17317
  /* @__PURE__ */ jsxs87("div", { className: "space-y-2 text-sm text-[var(--ui-kit-fg)]", children: [
17246
17318
  /* @__PURE__ */ jsxs87("div", { className: "flex justify-between", children: [
@@ -17249,7 +17321,7 @@ function ConfirmSendStep(props) {
17249
17321
  ] }),
17250
17322
  isNft ? (
17251
17323
  // NFT details
17252
- /* @__PURE__ */ jsx94(Fragment38, { children: /* @__PURE__ */ jsxs87("div", { className: "flex justify-between items-start", children: [
17324
+ /* @__PURE__ */ jsx94(Fragment37, { children: /* @__PURE__ */ jsxs87("div", { className: "flex justify-between items-start", children: [
17253
17325
  /* @__PURE__ */ jsx94("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
17254
17326
  /* @__PURE__ */ jsxs87("div", { className: "text-right", children: [
17255
17327
  /* @__PURE__ */ jsx94("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
@@ -17277,7 +17349,7 @@ function ConfirmSendStep(props) {
17277
17349
  ] })
17278
17350
  ] }) }),
17279
17351
  /* @__PURE__ */ jsx94("div", { className: "w-full", children: /* @__PURE__ */ jsxs87(Button, { onClick: handleConfirm, disabled: isTransactionPending, className: "w-full", size: "large", children: [
17280
- isTransactionPending && /* @__PURE__ */ jsx94(Loader33, { className: "h-4 w-4 animate-spin" }),
17352
+ isTransactionPending && /* @__PURE__ */ jsx94(Loader31, { className: "h-4 w-4 animate-spin" }),
17281
17353
  "CONFIRM"
17282
17354
  ] }) })
17283
17355
  ] });
@@ -17303,10 +17375,10 @@ var init_sendSteps = __esm({
17303
17375
  });
17304
17376
 
17305
17377
  // src/internal/components/SendRecieveMenu/SendLumiaMenu.tsx
17306
- import { AlertCircle as AlertCircle7, ArrowLeft as ArrowLeft18, CheckCircle2 as CheckCircle25, Loader as Loader34 } from "lucide-react";
17378
+ import { AlertCircle as AlertCircle7, ArrowLeft as ArrowLeft18, CheckCircle2 as CheckCircle25, Loader as Loader32 } from "lucide-react";
17307
17379
  import { useEffect as useEffect35, useMemo as useMemo7 } from "react";
17308
17380
  import { parseUnits as parseUnits2 } from "viem";
17309
- import { Fragment as Fragment39, jsx as jsx95, jsxs as jsxs88 } from "react/jsx-runtime";
17381
+ import { Fragment as Fragment38, jsx as jsx95, jsxs as jsxs88 } from "react/jsx-runtime";
17310
17382
  function SendLumiaMenu() {
17311
17383
  const address = useSession((st) => st.address);
17312
17384
  const activeChainId = useSession((st) => st.activeChainId);
@@ -17438,13 +17510,13 @@ function SendLumiaMenu() {
17438
17510
  }
17439
17511
  ),
17440
17512
  txStep === "pending" && /* @__PURE__ */ jsxs88(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
17441
- /* @__PURE__ */ jsx95(Loader34, { className: "h-4 w-4 animate-spin" }),
17513
+ /* @__PURE__ */ jsx95(Loader32, { className: "h-4 w-4 animate-spin" }),
17442
17514
  /* @__PURE__ */ jsxs88("span", { className: "flex-1", children: [
17443
17515
  /* @__PURE__ */ jsx95("span", { className: "block leading-4 font-semibold", children: t("passport:sendMenu.pendingStep") }),
17444
17516
  /* @__PURE__ */ jsx95("span", { children: t("passport:sendMenu.pendingStepMsg") })
17445
17517
  ] })
17446
17518
  ] }),
17447
- txStep === "success" && userOpHash && /* @__PURE__ */ jsxs88(Fragment39, { children: [
17519
+ txStep === "success" && userOpHash && /* @__PURE__ */ jsxs88(Fragment38, { children: [
17448
17520
  /* @__PURE__ */ jsxs88(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
17449
17521
  /* @__PURE__ */ jsx95(CheckCircle25, { className: "h-4 w-4" }),
17450
17522
  /* @__PURE__ */ jsxs88("span", { className: "flex-1", children: [
@@ -17483,10 +17555,10 @@ var init_SendLumiaMenu = __esm({
17483
17555
  });
17484
17556
 
17485
17557
  // src/internal/components/SendRecieveMenu/ReceiveLumiaMenu.tsx
17486
- import { ArrowLeft as ArrowLeft19, CheckCircle2 as CheckCircle26, Copy as Copy3, Info as Info6, Loader as Loader35, Shield as Shield2 } from "lucide-react";
17558
+ import { ArrowLeft as ArrowLeft19, CheckCircle2 as CheckCircle26, Copy as Copy3, Info as Info6, Loader as Loader33, Shield as Shield2 } from "lucide-react";
17487
17559
  import QRCode from "qrcode";
17488
17560
  import { useCallback as useCallback22, useEffect as useEffect36, useMemo as useMemo8, useState as useState27 } from "react";
17489
- import { Fragment as Fragment40, jsx as jsx96, jsxs as jsxs89 } from "react/jsx-runtime";
17561
+ import { Fragment as Fragment39, jsx as jsx96, jsxs as jsxs89 } from "react/jsx-runtime";
17490
17562
  function ReceiveLumiaMenu() {
17491
17563
  const session = useSession((st) => st.session);
17492
17564
  const address = session?.smartAccountAddress ?? null;
@@ -17557,7 +17629,7 @@ function ReceiveLumiaMenu() {
17557
17629
  /* @__PURE__ */ jsx96("strong", { className: "block w-full", children: `${t("passport:common.network")}: ${chainConfig.name}` }),
17558
17630
  /* @__PURE__ */ jsx96("span", { className: "block w-full", children: t("passport:receiveMenu.warning") })
17559
17631
  ] }),
17560
- /* @__PURE__ */ jsx96("div", { className: "flex items-center justify-center p-[var(--ui-kit-pd)]", style: { minHeight: "216px" }, children: qrCodeUrl ? /* @__PURE__ */ jsx96("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) : /* @__PURE__ */ jsx96(Loader35, { className: "w-4 h-4 animate-spin" }) }),
17632
+ /* @__PURE__ */ jsx96("div", { className: "flex items-center justify-center p-[var(--ui-kit-pd)]", style: { minHeight: "216px" }, children: qrCodeUrl ? /* @__PURE__ */ jsx96("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) : /* @__PURE__ */ jsx96(Loader33, { className: "w-4 h-4 animate-spin" }) }),
17561
17633
  fingerprint && /* @__PURE__ */ jsxs89("div", { className: "flex items-center justify-center gap-2 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
17562
17634
  /* @__PURE__ */ jsx96(Shield2, { className: "w-4 h-4 text-[var(--ui-kit-bg-success)]" }),
17563
17635
  /* @__PURE__ */ jsx96("span", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: t("passport:common.fingerprint") }),
@@ -17578,10 +17650,10 @@ function ReceiveLumiaMenu() {
17578
17650
  ] }),
17579
17651
  /* @__PURE__ */ jsxs89(Highlight, { type: "info", children: [
17580
17652
  /* @__PURE__ */ jsx96("span", { className: "block w-full text-center font-mono text-[10px] break-all mb-2", children: address }),
17581
- /* @__PURE__ */ jsx96(Button, { onClick: handleCopy, className: "w-full", size: "large", children: copied ? /* @__PURE__ */ jsxs89(Fragment40, { children: [
17653
+ /* @__PURE__ */ jsx96(Button, { onClick: handleCopy, className: "w-full", size: "large", children: copied ? /* @__PURE__ */ jsxs89(Fragment39, { children: [
17582
17654
  /* @__PURE__ */ jsx96(CheckCircle26, { className: "h-4 w-4" }),
17583
17655
  /* @__PURE__ */ jsx96("span", { children: "Copied!" })
17584
- ] }) : /* @__PURE__ */ jsxs89(Fragment40, { children: [
17656
+ ] }) : /* @__PURE__ */ jsxs89(Fragment39, { children: [
17585
17657
  /* @__PURE__ */ jsx96(Copy3, { className: "h-4 w-4" }),
17586
17658
  /* @__PURE__ */ jsx96("span", { children: t("passport:receiveMenu.copyAddress") })
17587
17659
  ] }) })
@@ -17688,7 +17760,7 @@ var init_constants7 = __esm({
17688
17760
  });
17689
17761
 
17690
17762
  // src/internal/components/SettingsMenu/SettingsMenu.tsx
17691
- import { useQuery as useQuery20 } from "@tanstack/react-query";
17763
+ import { useQuery as useQuery21 } from "@tanstack/react-query";
17692
17764
  import { ArrowLeft as ArrowLeft20, HardDrive as HardDrive3 } from "lucide-react";
17693
17765
  import { useEffect as useEffect37 } from "react";
17694
17766
  import { jsx as jsx98, jsxs as jsxs90 } from "react/jsx-runtime";
@@ -17731,7 +17803,7 @@ function SettingsMenu() {
17731
17803
  const setPage = useLayoutDataStore((st) => st.setPage);
17732
17804
  const settingsButtons = useSettingsButtons();
17733
17805
  useProvidersList();
17734
- useQuery20({
17806
+ useQuery21({
17735
17807
  retry: 1,
17736
17808
  enabled: !!address,
17737
17809
  queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -18570,7 +18642,7 @@ var init_utils9 = __esm({
18570
18642
 
18571
18643
  // src/internal/components/TransactionsMenu/TransactionsGroup.tsx
18572
18644
  import { ChevronDown, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6, ChevronUp, Copy as Copy4 } from "lucide-react";
18573
- import { Fragment as Fragment41, jsx as jsx101, jsxs as jsxs93 } from "react/jsx-runtime";
18645
+ import { Fragment as Fragment40, jsx as jsx101, jsxs as jsxs93 } from "react/jsx-runtime";
18574
18646
  function InternalTransaction({ internal, assetSymbol, assetDecimals }) {
18575
18647
  const internalSymbol = internal.assetSymbol || assetSymbol;
18576
18648
  const internalDecimals = internal.decimals ?? assetDecimals;
@@ -18659,7 +18731,7 @@ function TransactionsGroup(props) {
18659
18731
  )
18660
18732
  ] })
18661
18733
  ] }),
18662
- internalsToRender.length > 0 && /* @__PURE__ */ jsxs93(Fragment41, { children: [
18734
+ internalsToRender.length > 0 && /* @__PURE__ */ jsxs93(Fragment40, { children: [
18663
18735
  /* @__PURE__ */ jsx101("div", { className: "w-full flex items-center h-4", children: /* @__PURE__ */ jsx101("div", { style: { borderTop: "1px solid var(--ui-kit-bd)" }, className: "flex-1" }) }),
18664
18736
  /* @__PURE__ */ jsxs93(
18665
18737
  "div",
@@ -18715,8 +18787,8 @@ var init_TransactionsGroup = __esm({
18715
18787
  });
18716
18788
 
18717
18789
  // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
18718
- import { useQuery as useQuery21, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
18719
- import { ArrowLeft as ArrowLeft22, Loader as Loader36, RefreshCw as RefreshCw4, XCircle } from "lucide-react";
18790
+ import { useQuery as useQuery22, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
18791
+ import { ArrowLeft as ArrowLeft22, Loader as Loader34, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
18720
18792
  import { useCallback as useCallback23, useState as useState28 } from "react";
18721
18793
  import { jsx as jsx102, jsxs as jsxs94 } from "react/jsx-runtime";
18722
18794
  function TransactionsMenu() {
@@ -18733,7 +18805,7 @@ function TransactionsMenu() {
18733
18805
  isLoading: isTxHistoryLoading,
18734
18806
  isFetching: isTxHistoryFetching,
18735
18807
  error: txHistoryError
18736
- } = useQuery21({
18808
+ } = useQuery22({
18737
18809
  retry: false,
18738
18810
  enabled: !!address && !!chainConfig?.id && historySupported,
18739
18811
  queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
@@ -18764,12 +18836,12 @@ function TransactionsMenu() {
18764
18836
  onClick: refreshTxHistory,
18765
18837
  disabled: isTxHistoryFetching,
18766
18838
  title: "Refresh transactions",
18767
- children: isTxHistoryFetching ? /* @__PURE__ */ jsx102(Loader36, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx102(RefreshCw4, { className: "h-4 w-4" })
18839
+ children: isTxHistoryFetching ? /* @__PURE__ */ jsx102(Loader34, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx102(RefreshCw3, { className: "h-4 w-4" })
18768
18840
  }
18769
18841
  )
18770
18842
  ] }),
18771
18843
  !historySupported && /* @__PURE__ */ jsx102(Highlight, { type: "warning", children: /* @__PURE__ */ jsx102("span", { children: t("passport:transactionsMenu.comingSoon") }) }),
18772
- historySupported && isTxHistoryLoading && /* @__PURE__ */ jsx102("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx102(Loader36, { className: "w-4 h-4 animate-spin" }) }),
18844
+ historySupported && isTxHistoryLoading && /* @__PURE__ */ jsx102("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx102(Loader34, { className: "w-4 h-4 animate-spin" }) }),
18773
18845
  historySupported && !isTxHistoryLoading && txHistoryResolvedError && /* @__PURE__ */ jsxs94(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
18774
18846
  /* @__PURE__ */ jsx102(XCircle, { className: "w-4 h-4 flex-none" }),
18775
18847
  /* @__PURE__ */ jsx102("span", { className: "block w-full flex-1 text-center text-xs", children: txHistoryResolvedError })
@@ -19033,14 +19105,14 @@ var init_usePageMapper = __esm({
19033
19105
  });
19034
19106
 
19035
19107
  // src/internal/hooks/useSettingsNotifications.ts
19036
- import { useQuery as useQuery22 } from "@tanstack/react-query";
19108
+ import { useQuery as useQuery23 } from "@tanstack/react-query";
19037
19109
  import { useEffect as useEffect39 } from "react";
19038
19110
  function useSettingsNotifications() {
19039
19111
  const address = useSession((st) => st.address);
19040
19112
  const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
19041
19113
  const providers = jwtTokenManager2.getProviders();
19042
19114
  const hasEmail = providers.includes("email");
19043
- const { data: userProfile = null } = useQuery22({
19115
+ const { data: userProfile = null } = useQuery23({
19044
19116
  retry: false,
19045
19117
  enabled: !!address,
19046
19118
  queryKey: [QUERY_KEYS.userProfile, address],
@@ -19086,7 +19158,7 @@ var init_package = __esm({
19086
19158
  "package.json"() {
19087
19159
  package_default = {
19088
19160
  name: "@embarkai/ui-kit",
19089
- version: "0.4.9",
19161
+ version: "0.4.11",
19090
19162
  description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
19091
19163
  type: "module",
19092
19164
  main: "./dist/index.cjs",
@@ -19185,8 +19257,8 @@ var init_package = __esm({
19185
19257
  });
19186
19258
 
19187
19259
  // src/internal/components/Footer/Footer.tsx
19188
- import { useMutation as useMutation17, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
19189
- import { Loader as Loader37, LogOut } from "lucide-react";
19260
+ import { useMutation as useMutation18, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
19261
+ import { Loader as Loader35, LogOut } from "lucide-react";
19190
19262
  import { jsx as jsx104, jsxs as jsxs95 } from "react/jsx-runtime";
19191
19263
  function Footer() {
19192
19264
  const qc = useQueryClient24();
@@ -19196,7 +19268,7 @@ function Footer() {
19196
19268
  const { t } = useT();
19197
19269
  const setPage = useLayoutDataStore((st) => st.setPage);
19198
19270
  const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
19199
- const { mutate: disconnect, isPending: isDisconnecting } = useMutation17({
19271
+ const { mutate: disconnect, isPending: isDisconnecting } = useMutation18({
19200
19272
  mutationFn: async (disconnectAddress) => {
19201
19273
  if (!disconnectAddress) throw new Error("No address to disconnect");
19202
19274
  setIsDialogForced(true);
@@ -19259,7 +19331,7 @@ function Footer() {
19259
19331
  disabled: isDisconnecting,
19260
19332
  children: [
19261
19333
  /* @__PURE__ */ jsx104("span", { children: t("passport:auth.logout") }),
19262
- isDisconnecting ? /* @__PURE__ */ jsx104(Loader37, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx104(LogOut, { className: "w-4 h-4" })
19334
+ isDisconnecting ? /* @__PURE__ */ jsx104(Loader35, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx104(LogOut, { className: "w-4 h-4" })
19263
19335
  ]
19264
19336
  }
19265
19337
  ) : null
@@ -19303,10 +19375,10 @@ var init_Footer2 = __esm({
19303
19375
  });
19304
19376
 
19305
19377
  // src/internal/components/Header/Header.tsx
19306
- import { useQuery as useQuery23 } from "@tanstack/react-query";
19307
- import { Copy as Copy5, Loader as Loader38 } from "lucide-react";
19378
+ import { useQuery as useQuery24 } from "@tanstack/react-query";
19379
+ import { Copy as Copy5, Loader as Loader36 } from "lucide-react";
19308
19380
  import { useCallback as useCallback25, useRef as useRef17, useState as useState29 } from "react";
19309
- import { Fragment as Fragment42, jsx as jsx105, jsxs as jsxs96 } from "react/jsx-runtime";
19381
+ import { Fragment as Fragment41, jsx as jsx105, jsxs as jsxs96 } from "react/jsx-runtime";
19310
19382
  function formatAddress2(addr) {
19311
19383
  if (!addr) return "";
19312
19384
  return `${addr.slice(0, 10)}...${addr.slice(-4)}`;
@@ -19339,7 +19411,7 @@ function Header() {
19339
19411
  }, 1e3);
19340
19412
  }
19341
19413
  }, []);
19342
- const { data: profile, isLoading: isProfileLoading } = useQuery23({
19414
+ const { data: profile, isLoading: isProfileLoading } = useQuery24({
19343
19415
  retry: false,
19344
19416
  enabled: !!address,
19345
19417
  queryKey: [QUERY_KEYS.userProfile, address],
@@ -19372,8 +19444,8 @@ function Header() {
19372
19444
  style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
19373
19445
  className: "flex-1 flex flex-col justify-center gap-1",
19374
19446
  children: [
19375
- isProfileLoading && /* @__PURE__ */ jsx105(Loader38, { className: "w-4 h-4 animate-spin" }),
19376
- !!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs96(Fragment42, { children: [
19447
+ isProfileLoading && /* @__PURE__ */ jsx105(Loader36, { className: "w-4 h-4 animate-spin" }),
19448
+ !!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs96(Fragment41, { children: [
19377
19449
  /* @__PURE__ */ jsxs96("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
19378
19450
  /* @__PURE__ */ jsx105(
19379
19451
  "span",
@@ -19503,11 +19575,12 @@ var init_dialog = __esm({
19503
19575
  const isDialogForced = useLayoutStore((st) => st.isDialogForced);
19504
19576
  const setPage = useLayoutDataStore((st) => st.setPage);
19505
19577
  const settingsNotifications = useLayoutDataStore((st) => st.settingsNotifications);
19578
+ const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
19506
19579
  const { isMobileView, isClosing, style } = useDecideContentStyles();
19507
19580
  const animationCnPrefix = isMobileView ? "animate-mobile-dialog" : "animate-dialog";
19508
19581
  const dialogAnimationCn = isClosing ? `${animationCnPrefix}-out` : `${animationCnPrefix}-in`;
19509
19582
  return /* @__PURE__ */ jsx106(DialogPortal, { children: /* @__PURE__ */ jsxs97("div", { className: "embarkai-ui-scope", "data-current-theme-mode": colorMode, style: { ...style, outline: "none" }, children: [
19510
- /* @__PURE__ */ jsx106(DialogOverlay, { closing: isClosing }),
19583
+ /* @__PURE__ */ jsx106(DialogOverlay, { closing: isClosing, className: cn(isWalletLinking && "pointer-events-none") }),
19511
19584
  /* @__PURE__ */ jsx106(
19512
19585
  "div",
19513
19586
  {
@@ -19522,7 +19595,8 @@ var init_dialog = __esm({
19522
19595
  ref,
19523
19596
  style: !!className ? void 0 : CONTENT_BG_SETUP,
19524
19597
  className: cn(
19525
- "relative pointer-events-auto max-h-[95dvh] outline-none",
19598
+ "relative max-h-[95dvh] outline-none",
19599
+ isWalletLinking ? "pointer-events-none" : "pointer-events-auto",
19526
19600
  "p-0 gap-0 text-[var(--ui-kit-fg)]",
19527
19601
  "rounded-[var(--ui-kit-bdrs)] overflow-hidden",
19528
19602
  isMobileView ? "w-[100dvw]" : "w-[var(--ui-kit-maw)]",
@@ -19630,6 +19704,7 @@ function Dialog2() {
19630
19704
  const hasServerVault = useSession((st) => st.hasServerVault);
19631
19705
  const page = useLayoutDataStore((st) => st.page);
19632
19706
  const transitionPageHeight = useLayoutDataStore((st) => st.transitionPageHeight);
19707
+ const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
19633
19708
  const setPage = useLayoutDataStore((st) => st.setPage);
19634
19709
  const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
19635
19710
  useEffect40(() => setIsSettings(!!session), [session, setIsSettings]);
@@ -19643,6 +19718,7 @@ function Dialog2() {
19643
19718
  return /* @__PURE__ */ jsx108(
19644
19719
  Dialog,
19645
19720
  {
19721
+ modal: !isWalletLinking,
19646
19722
  open: isDialogOpen,
19647
19723
  onOpenChange: (open) => {
19648
19724
  if (isDialogForced) return;
@@ -19874,7 +19950,7 @@ var init_useExternalWalletStore = __esm({
19874
19950
 
19875
19951
  // src/internal/components/WalletConnectHandler.tsx
19876
19952
  import { useConnectModal } from "@rainbow-me/rainbowkit";
19877
- import { useMutation as useMutation18, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
19953
+ import { useMutation as useMutation19, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
19878
19954
  import React9, { useCallback as useCallback27, useEffect as useEffect41 } from "react";
19879
19955
  import { useAccount, useDisconnect, useSignMessage } from "wagmi";
19880
19956
  function WalletConnectHandler() {
@@ -20006,7 +20082,7 @@ function WalletConnectHandler() {
20006
20082
  }
20007
20083
  }, [isWalletLinking, setIsWalletLinking, disconnect]);
20008
20084
  const isAuthFlow = !passportWalletAddress;
20009
- const { mutate: handleWalletSign, isPending: isWalletSigning } = useMutation18({
20085
+ const { mutate: handleWalletSign, isPending: isWalletSigning } = useMutation19({
20010
20086
  mutationFn: async (payload) => {
20011
20087
  const { chainId, signingWalletAddress } = payload;
20012
20088
  if (!signingWalletAddress || !chainId) {
@@ -20216,7 +20292,7 @@ import {
20216
20292
  getChainConfig as getChainConfig9,
20217
20293
  getViemChain as getViemChain2
20218
20294
  } from "@embarkai/core/read";
20219
- import { Fragment as Fragment43 } from "react";
20295
+ import { Fragment as Fragment42 } from "react";
20220
20296
  import { create as create8 } from "zustand";
20221
20297
  import { persist } from "zustand/middleware";
20222
20298
  import { jsx as jsx109, jsxs as jsxs99 } from "react/jsx-runtime";
@@ -20237,7 +20313,7 @@ function waitForStoreHydration() {
20237
20313
  }
20238
20314
  function SessionProvider({ children }) {
20239
20315
  const config = useProviderConfig().config;
20240
- return /* @__PURE__ */ jsxs99(Fragment43, { children: [
20316
+ return /* @__PURE__ */ jsxs99(Fragment42, { children: [
20241
20317
  children,
20242
20318
  config.current?.wallet?.enabled && /* @__PURE__ */ jsx109(WalletConnectHandler, {}),
20243
20319
  config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ jsx109(DirectWalletHandler, {}),
@@ -22939,7 +23015,7 @@ import { darkTheme, lightTheme, RainbowKitProvider as NativeRainbowKitProvider }
22939
23015
  import { useMemo as useMemo9 } from "react";
22940
23016
  import { WagmiProvider } from "wagmi";
22941
23017
  import "@rainbow-me/rainbowkit/styles.css";
22942
- import { Fragment as Fragment44, jsx as jsx110 } from "react/jsx-runtime";
23018
+ import { Fragment as Fragment43, jsx as jsx110 } from "react/jsx-runtime";
22943
23019
  function RainbowKitProvider({ children }) {
22944
23020
  const config = useProviderConfig().config;
22945
23021
  const colorMode = useLayoutStore((st) => st.colorMode);
@@ -22971,7 +23047,7 @@ function RainbowKitProvider({ children }) {
22971
23047
  radii: rainbowTheme.lightMode.radii
22972
23048
  };
22973
23049
  }, [colorMode]);
22974
- if (!config.current?.wallet?.enabled) return /* @__PURE__ */ jsx110(Fragment44, { children });
23050
+ if (!config.current?.wallet?.enabled) return /* @__PURE__ */ jsx110(Fragment43, { children });
22975
23051
  return /* @__PURE__ */ jsx110(WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ jsx110(NativeRainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
22976
23052
  }
22977
23053
  var init_RainbowKitContext = __esm({
@@ -23200,10 +23276,10 @@ var init_ProviderContext = __esm({
23200
23276
  });
23201
23277
 
23202
23278
  // src/components/ConnectWalletButton.tsx
23203
- import { useQuery as useQuery24 } from "@tanstack/react-query";
23204
- import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader39, Shield as Shield3 } from "lucide-react";
23279
+ import { useQuery as useQuery25 } from "@tanstack/react-query";
23280
+ import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader37, Shield as Shield3 } from "lucide-react";
23205
23281
  import { useEffect as useEffect44, useMemo as useMemo11 } from "react";
23206
- import { Fragment as Fragment45, jsx as jsx113, jsxs as jsxs100 } from "react/jsx-runtime";
23282
+ import { Fragment as Fragment44, jsx as jsx113, jsxs as jsxs100 } from "react/jsx-runtime";
23207
23283
  function getFormattedStatus(label, status, showStatus) {
23208
23284
  const isStatus = showStatus && status && status !== "idle" && status !== "ready";
23209
23285
  if (!isStatus) return label;
@@ -23223,7 +23299,7 @@ function ConnectWalletButton(props) {
23223
23299
  const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
23224
23300
  const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
23225
23301
  useEffect44(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
23226
- const { data: profile, isLoading: isProfileLoading } = useQuery24({
23302
+ const { data: profile, isLoading: isProfileLoading } = useQuery25({
23227
23303
  retry: false,
23228
23304
  enabled: !!address,
23229
23305
  queryKey: [QUERY_KEYS.userProfile, address],
@@ -23241,14 +23317,14 @@ function ConnectWalletButton(props) {
23241
23317
  const isConnecting = connectButtonLabel !== label || isLoading;
23242
23318
  return /* @__PURE__ */ jsx113("div", { "data-current-theme-mode": colorMode, className: cn("embarkai-ui-scope w-fit h-fit", className), children: !address ? (
23243
23319
  /** external Buttons can be provided */
23244
- /* @__PURE__ */ jsx113(Fragment45, { children: ConnectButton ? /* @__PURE__ */ jsxs100(
23320
+ /* @__PURE__ */ jsx113(Fragment44, { children: ConnectButton ? /* @__PURE__ */ jsxs100(
23245
23321
  ConnectButton,
23246
23322
  {
23247
23323
  type: "button",
23248
23324
  disabled: isConnecting,
23249
23325
  onClick: () => setPage("auth" /* AUTH */),
23250
23326
  children: [
23251
- isConnecting && /* @__PURE__ */ jsx113(Loader39, { className: "w-4 h-4 animate-spin" }),
23327
+ isConnecting && /* @__PURE__ */ jsx113(Loader37, { className: "w-4 h-4 animate-spin" }),
23252
23328
  connectButtonLabel
23253
23329
  ]
23254
23330
  }
@@ -23269,7 +23345,7 @@ function ConnectWalletButton(props) {
23269
23345
  "disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
23270
23346
  ),
23271
23347
  children: [
23272
- isConnecting && /* @__PURE__ */ jsx113(Loader39, { className: "w-4 h-4 animate-spin" }),
23348
+ isConnecting && /* @__PURE__ */ jsx113(Loader37, { className: "w-4 h-4 animate-spin" }),
23273
23349
  connectButtonLabel.toUpperCase()
23274
23350
  ]
23275
23351
  }
@@ -23293,7 +23369,7 @@ function ConnectWalletButton(props) {
23293
23369
  ] }),
23294
23370
  /* @__PURE__ */ jsxs100("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
23295
23371
  /* @__PURE__ */ jsxs100("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
23296
- isProfileLoading ? /* @__PURE__ */ jsx113(Loader39, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx113("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
23372
+ isProfileLoading ? /* @__PURE__ */ jsx113(Loader37, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx113("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
23297
23373
  !isProfileLoading && /* @__PURE__ */ jsx113(KYCStatus, {})
23298
23374
  ] }),
23299
23375
  /* @__PURE__ */ jsx113(BalanceView, {})
@@ -23676,7 +23752,7 @@ var init_Address = __esm({
23676
23752
  });
23677
23753
 
23678
23754
  // src/internal/components/UserOpStatus.tsx
23679
- import { AlertCircle as AlertCircle8, CheckCircle2 as CheckCircle27, Clock as Clock2, Copy as Copy7, ExternalLink as ExternalLink3, RefreshCw as RefreshCw5 } from "lucide-react";
23755
+ import { AlertCircle as AlertCircle8, CheckCircle2 as CheckCircle27, Clock as Clock2, Copy as Copy7, ExternalLink as ExternalLink3, RefreshCw as RefreshCw4 } from "lucide-react";
23680
23756
  import * as React11 from "react";
23681
23757
  import { jsx as jsx117, jsxs as jsxs102 } from "react/jsx-runtime";
23682
23758
  var UserOpStatus;
@@ -23845,7 +23921,7 @@ var init_UserOpStatus = __esm({
23845
23921
  /* @__PURE__ */ jsx117("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
23846
23922
  ] }),
23847
23923
  /* @__PURE__ */ jsxs102(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
23848
- /* @__PURE__ */ jsx117(RefreshCw5, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
23924
+ /* @__PURE__ */ jsx117(RefreshCw4, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
23849
23925
  /* @__PURE__ */ jsx117("span", { className: "text-xs", children: "Refresh" })
23850
23926
  ] })
23851
23927
  ] }),
@@ -24950,7 +25026,6 @@ var USER_PROFILE_QUERY_KEY;
24950
25026
  var init_exportedQueryKeys = __esm({
24951
25027
  "src/internal/exportedQueryKeys.ts"() {
24952
25028
  init_profile();
24953
- init_constants6();
24954
25029
  USER_PROFILE_QUERY_KEY = QUERY_KEYS.userProfile;
24955
25030
  }
24956
25031
  });
@@ -25001,6 +25076,7 @@ var init_index = __esm({
25001
25076
  init_clients2();
25002
25077
  init_auth();
25003
25078
  init_profile();
25079
+ init_hooks2();
25004
25080
  init_linkedProfiles();
25005
25081
  init_nickname_fingerprint();
25006
25082
  init_errors();
@@ -25024,7 +25100,6 @@ export {
25024
25100
  ConnectWalletButton,
25025
25101
  ErrorCodes,
25026
25102
  Hash,
25027
- KEYSHARE_RECOVERY_STATS_QUERY as KEYSHARE_RECOVERY_STATS_QUERY_KEY,
25028
25103
  KeyshareBackupMenu as KeyshareBackup,
25029
25104
  LOCAL_STORAGE_I18N_KEY,
25030
25105
  LangToggle,
@@ -25068,6 +25143,7 @@ export {
25068
25143
  useBalance,
25069
25144
  useBlockscoutAssets,
25070
25145
  useColorMode,
25146
+ useConnectedApps,
25071
25147
  useDirectWallet,
25072
25148
  useErc3643Compliance,
25073
25149
  useError,
@@ -25075,6 +25151,7 @@ export {
25075
25151
  useHydrated,
25076
25152
  useIFrameReady,
25077
25153
  useIsMobileView,
25154
+ useKeyshareRecoveryStats,
25078
25155
  useLinkedProfiles,
25079
25156
  useLoadingStatus,
25080
25157
  useLogout,