@luno-kit/ui 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,1793 +1,3 @@
 'use client'
-
-// src/components/AccountDetailsModal/index.tsx
-import { useCallback as useCallback5, useMemo as useMemo4 } from "react";
-import { useAccount as useAccount3, useActiveConnector as useActiveConnector2, useBalance as useBalance2, useChain as useChain4 } from "@luno-kit/react";
-
-// src/components/Dialog/index.tsx
-import React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-
-// src/utils/cs.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var customTwMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        "text-xs",
-        "text-sm",
-        "text-base",
-        "text-lg"
-      ]
-    }
-  }
-});
-function cs(...inputs) {
-  return customTwMerge(clsx(inputs));
-}
-
-// src/utils/debounce.ts
-function debounce(fn, ms) {
-  let timer;
-  return () => {
-    if (timer) {
-      clearTimeout(timer);
-    }
-    timer = setTimeout(() => {
-      timer = null;
-      fn();
-    }, ms);
-  };
-}
-
-// src/components/Dialog/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var DialogRoot = ({
-  open,
-  onOpenChange,
-  children,
-  contentClassName,
-  overlayClassName
-}) => {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
-    React.createElement(DialogPrimitive.Overlay, {
-      className: cs(
-        "fixed inset-0 z-[100] bg-modalBackdrop luno-kit",
-        "data-[state=open]:[animation:overlay-in_150ms_ease-out]",
-        overlayClassName
-      )
-    }),
-    /* @__PURE__ */ jsx(
-      DialogPrimitive.Content,
-      {
-        className: cs(
-          "luno-kit font-body fixed z-[200] text-modalText text-base leading-base",
-          "bg-modalBackground shadow-primary focus:outline-none overflow-hidden",
-          "transition-all duration-200",
-          "rounded-t-modalMobile bottom-0 left-0 w-full",
-          "translate-y-0 -translate-x-0",
-          "data-[state=open]:[animation:slide-up_200ms_ease-out]",
-          "md:bottom-auto md:left-1/2 md:top-1/2 md:-translate-x-1/2 md:-translate-y-1/2",
-          "md:w-auto md:rounded-modal",
-          "md:data-[state=open]:[animation:dialog-in_150ms_ease-out]",
-          contentClassName
-        ),
-        children
-      }
-    )
-  ] }) });
-};
-var DialogTitleWrapper = ({ children, className }) => React.createElement(DialogPrimitive.Title, { className: cs("font-heading", className) }, children);
-var DialogCloseWrapper = ({ children, className, onClick }) => React.createElement(DialogPrimitive.Close, { className, onClick }, children);
-var Dialog = DialogRoot;
-var DialogClose = DialogCloseWrapper;
-var DialogTitle = DialogTitleWrapper;
-
-// src/providers/ModalContext.tsx
-import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { ConnectionStatus, useStatus } from "@luno-kit/react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function useModalVisibility() {
-  const [isOpen, setIsOpen] = useState(false);
-  const open = useCallback(() => setIsOpen(true), []);
-  const close = useCallback(() => setIsOpen(false), []);
-  return { isOpen, open, close };
-}
-var ModalContext = createContext(void 0);
-var ModalProvider = ({ children }) => {
-  const { isOpen: isConnectModalOpen, open: openConnectModal, close: closeConnectModal } = useModalVisibility();
-  const { isOpen: isAccountModalOpen, open: openAccountModal, close: closeAccountModal } = useModalVisibility();
-  const { isOpen: isChainModalOpen, open: openChainModal, close: closeChainModal } = useModalVisibility();
-  const connectionStatus = useStatus();
-  const closeAllModals = useCallback(() => {
-    closeConnectModal();
-    closeAccountModal();
-    closeChainModal();
-  }, [closeConnectModal, closeAccountModal, closeChainModal]);
-  useEffect(() => {
-    if (connectionStatus === ConnectionStatus.Disconnected) {
-      closeAccountModal();
-      closeChainModal();
-    }
-  }, [connectionStatus, closeAccountModal, closeChainModal]);
-  const contextValue = useMemo(() => ({
-    isConnectModalOpen,
-    isAccountModalOpen,
-    isChainModalOpen,
-    openConnectModal: connectionStatus !== ConnectionStatus.Connected ? openConnectModal : void 0,
-    closeConnectModal,
-    openAccountModal: connectionStatus === ConnectionStatus.Connected ? openAccountModal : void 0,
-    closeAccountModal,
-    openChainModal: connectionStatus === ConnectionStatus.Connected ? openChainModal : void 0,
-    closeChainModal,
-    closeAllModals
-  }), [
-    isConnectModalOpen,
-    openConnectModal,
-    closeConnectModal,
-    isAccountModalOpen,
-    openAccountModal,
-    closeAccountModal,
-    isChainModalOpen,
-    openChainModal,
-    closeChainModal,
-    closeAllModals,
-    connectionStatus
-  ]);
-  return /* @__PURE__ */ jsx2(ModalContext.Provider, { value: contextValue, children });
-};
-var useConnectModal = () => {
-  const context = useContext(ModalContext);
-  if (!context) throw new Error("[ModalContext]: useConnectModal must be used within a ModalProvider");
-  return {
-    isOpen: context.isConnectModalOpen,
-    open: context.openConnectModal,
-    close: context.closeConnectModal
-  };
-};
-var useAccountModal = () => {
-  const context = useContext(ModalContext);
-  if (!context) throw new Error("[ModalContext]: useAccountModal must be used within a ModalProvider");
-  return {
-    isOpen: context.isAccountModalOpen,
-    open: context.openAccountModal,
-    close: context.closeAccountModal
-  };
-};
-var useChainModal = () => {
-  const context = useContext(ModalContext);
-  if (!context) throw new Error("[ModalContext]: useChainModal must be used within a ModalProvider");
-  return {
-    isOpen: context.isChainModalOpen,
-    open: context.openChainModal,
-    close: context.closeChainModal
-  };
-};
-
-// src/assets/icons/Arrow.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SvgArrow = (props) => /* @__PURE__ */ jsx3(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "arrow_svg__icon",
-    viewBox: "0 0 256 256",
-    width: "20",
-    height: "20",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx3("path", { d: "M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z" })
-  }
-);
-var Arrow_default = SvgArrow;
-
-// src/assets/icons/Back.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var SvgBack = (props) => /* @__PURE__ */ jsx4(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "20",
-    height: "20",
-    fill: "currentColor",
-    viewBox: "0 0 256 256",
-    ...props,
-    children: /* @__PURE__ */ jsx4("path", { d: "M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z" })
-  }
-);
-var Back_default = SvgBack;
-
-// src/assets/icons/Close.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var SvgClose = (props) => /* @__PURE__ */ jsx5(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "20",
-    height: "20",
-    fill: "currentColor",
-    viewBox: "0 0 256 256",
-    ...props,
-    children: /* @__PURE__ */ jsx5("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" })
-  }
-);
-var Close_default = SvgClose;
-
-// src/assets/icons/Copy.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var SvgCopy = (props) => /* @__PURE__ */ jsx6(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "copy_svg__icon",
-    width: "16",
-    height: "16",
-    fill: "currentColor",
-    viewBox: "0 0 256 256",
-    ...props,
-    children: /* @__PURE__ */ jsx6("path", { d: "M216,28H88A12,12,0,0,0,76,40V76H40A12,12,0,0,0,28,88V216a12,12,0,0,0,12,12H168a12,12,0,0,0,12-12V180h36a12,12,0,0,0,12-12V40A12,12,0,0,0,216,28ZM156,204H52V100H156Zm48-48H180V88a12,12,0,0,0-12-12H100V52H204Z" })
-  }
-);
-var Copy_default = SvgCopy;
-
-// src/assets/icons/Disconnect.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var SvgDisconnect = (props) => /* @__PURE__ */ jsx7(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
-    viewBox: "0 0 256 256",
-    width: "20",
-    height: "20",
-    ...props,
-    children: /* @__PURE__ */ jsx7("path", { d: "M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z" })
-  }
-);
-var Disconnect_default = SvgDisconnect;
-
-// src/assets/icons/List.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var SvgList = (props) => /* @__PURE__ */ jsx8(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "list_svg__icon",
-    viewBox: "0 0 256 256",
-    width: "20",
-    height: "20",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx8("path", { d: "M232,48V88a8,8,0,0,1-16,0V56H184a8,8,0,0,1,0-16h40A8,8,0,0,1,232,48ZM72,200H40V168a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16Zm152-40a8,8,0,0,0-8,8v32H184a8,8,0,0,0,0,16h40a8,8,0,0,0,8-8V168A8,8,0,0,0,224,160ZM32,96a8,8,0,0,0,8-8V56H72a8,8,0,0,0,0-16H32a8,8,0,0,0-8,8V88A8,8,0,0,0,32,96ZM188,167l-56,32a8,8,0,0,1-7.94,0L68,167A8,8,0,0,1,64,160V96a8,8,0,0,1,4-7l56-32a8,8,0,0,1,7.94,0l56,32a8,8,0,0,1,4,7v64A8,8,0,0,1,188,167ZM88.12,96,128,118.79,167.88,96,128,73.21ZM80,155.36l40,22.85V132.64L80,109.79Zm96,0V109.79l-40,22.85v45.57Z" })
-  }
-);
-var List_default = SvgList;
-
-// src/assets/icons/Loading.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var SvgLoading = (props) => /* @__PURE__ */ jsx9(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "20",
-    height: "20",
-    fill: "currentColor",
-    className: "loading_svg__icon",
-    viewBox: "0 0 256 256",
-    ...props,
-    children: /* @__PURE__ */ jsx9("path", { d: "M236,128a108,108,0,0,1-216,0c0-42.52,24.73-81.34,63-98.9A12,12,0,1,1,93,50.91C63.24,64.57,44,94.83,44,128a84,84,0,0,0,168,0c0-33.17-19.24-63.43-49-77.09A12,12,0,1,1,173,29.1C211.27,46.66,236,85.48,236,128Z" })
-  }
-);
-var Loading_default = SvgLoading;
-
-// src/assets/icons/Success.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var SvgSuccess = (props) => /* @__PURE__ */ jsx10(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "success_svg__icon",
-    viewBox: "0 0 256 256",
-    width: "20",
-    height: "20",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx10("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" })
-  }
-);
-var Success_default = SvgSuccess;
-
-// src/assets/icons/Switch.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var SvgSwitch = (props) => /* @__PURE__ */ jsx11(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "20",
-    height: "20",
-    className: "switch_svg__icon",
-    viewBox: "0 0 256 256",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx11("path", { d: "M253.66,133.66l-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L216,132.69V128A88,88,0,0,0,56.49,76.67a8,8,0,0,1-13-9.34A104,104,0,0,1,232,128v4.69l10.34-10.35a8,8,0,0,1,11.32,11.32Zm-41.18,55A104,104,0,0,1,24,128v-4.69L13.66,133.66A8,8,0,0,1,2.34,122.34l24-24a8,8,0,0,1,11.32,0l24,24a8,8,0,0,1-11.32,11.32L40,123.31V128a87.62,87.62,0,0,0,22.24,58.41A79.66,79.66,0,0,1,98.3,157.66a48,48,0,1,1,59.4,0,79.59,79.59,0,0,1,36.08,28.78,89.68,89.68,0,0,0,5.71-7.11,8,8,0,0,1,13,9.34ZM128,152a32,32,0,1,0-32-32A32,32,0,0,0,128,152Zm0,64a88.2,88.2,0,0,0,53.92-18.49,64,64,0,0,0-107.84,0A87.57,87.57,0,0,0,128,216Z" })
-  }
-);
-var Switch_default = SvgSwitch;
-
-// src/components/AccountDetailsModal/MainView.tsx
-import { useMemo as useMemo2 } from "react";
-
-// src/components/ChainIcon/index.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-var ChainIcon = ({
-  chainIconUrl,
-  chainName,
-  className
-}) => {
-  if (chainIconUrl) {
-    return /* @__PURE__ */ jsx12(
-      "img",
-      {
-        src: chainIconUrl,
-        alt: chainName || "Chain icon",
-        className: cs("w-full h-full object-cover rounded-full", className)
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx12("div", { className: cs(
-    "w-full h-full bg-gray-500 text-modalText font-semibold",
-    "flex items-center justify-center rounded-full",
-    className
-  ), children: chainName ? chainName.charAt(0).toUpperCase() : "C" });
-};
-
-// src/components/AccountDetailsModal/MainView.tsx
-import { useAccount, useChain, useDisconnect, getExplorerUrl } from "@luno-kit/react";
-import { Fragment, jsx as jsx13, jsxs as jsxs2 } from "react/jsx-runtime";
-var MainView = ({
-  onViewChange,
-  onModalClose
-}) => {
-  const { address } = useAccount();
-  const { chain } = useChain();
-  const { disconnectAsync } = useDisconnect();
-  const items = useMemo2(() => {
-    return [
-      {
-        key: "Chain Name",
-        content: /* @__PURE__ */ jsxs2("div", { className: "flex items-stretch w-full justify-between", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx13(
-              ChainIcon,
-              {
-                className: "w-[20px] h-[20px]",
-                chainIconUrl: chain?.chainIconUrl,
-                chainName: chain?.name
-              }
-            ),
-            /* @__PURE__ */ jsx13("span", { className: "text-base text-modalText", children: chain?.name || "Polkadot" })
-          ] }),
-          /* @__PURE__ */ jsx13(
-            "div",
-            {
-              className: "flex items-center justify-center",
-              children: /* @__PURE__ */ jsx13(Arrow_default, { className: "w-[16px] h-[16px] " })
-            }
-          )
-        ] }),
-        onClick: () => onViewChange("switchChain" /* switchChain */)
-      },
-      {
-        key: "View on Explorer",
-        content: /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx13(List_default, {}),
-          /* @__PURE__ */ jsx13("span", { className: "text-base text-accountActionItemText", children: "View on Explorer" })
-        ] }),
-        onClick: () => window.open(getExplorerUrl(chain?.blockExplorers?.default?.url, address, "address"))
-      },
-      {
-        key: "Switch Account",
-        content: /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx13(Switch_default, {}),
-          /* @__PURE__ */ jsx13("span", { className: "text-base text-accountActionItemText", children: "Switch Account" })
-        ] }),
-        onClick: () => onViewChange("switchAccount" /* switchAccount */)
-      }
-    ];
-  }, [onViewChange, chain, address]);
-  const handleDisconnect = async () => {
-    await disconnectAsync();
-    onModalClose();
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-3 w-full", children: [
-    /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-1.5 w-full px-4", children: items.map((i) => /* @__PURE__ */ jsx13(SelectItem, { onClick: i.onClick, children: i.content }, i.key)) }),
-    /* @__PURE__ */ jsx13("div", { className: "w-full mx-[-100px] h-[1px] bg-cutLine" }),
-    /* @__PURE__ */ jsx13("div", { className: "w-full px-4 pb-4", children: /* @__PURE__ */ jsxs2(SelectItem, { onClick: handleDisconnect, children: [
-      /* @__PURE__ */ jsx13(Disconnect_default, {}),
-      /* @__PURE__ */ jsx13("span", { className: "font-medium text-base text-accountActionItemText", children: "Disconnect" })
-    ] }) })
-  ] });
-};
-var SelectItem = ({ children, onClick }) => {
-  return /* @__PURE__ */ jsx13(
-    "button",
-    {
-      type: "button",
-      onClick: () => onClick?.(),
-      className: cs(
-        "w-full p-3.5 rounded-accountActionItem border-none text-left flex items-center gap-2 font-medium",
-        "bg-accountActionItemBackground hover:bg-accountActionItemBackgroundHover",
-        "transition-colors duration-200",
-        onClick ? "cursor-pointer" : "cursor-auto"
-      ),
-      "aria-label": typeof children === "string" ? children : void 0,
-      children
-    }
-  );
-};
-
-// src/components/AccountDetailsModal/SwitchAccountView.tsx
-import React4, { useCallback as useCallback2 } from "react";
-import { useAccount as useAccount2, useAccounts, useActiveConnector, useBalance, useChain as useChain2 } from "@luno-kit/react";
-import { formatAddress } from "@luno-kit/react";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs3 } from "react/jsx-runtime";
-var SwitchAccountView = ({ onBack }) => {
-  const { accounts, selectAccount } = useAccounts();
-  const { address: currentAddress } = useAccount2();
-  const _selectAccount = useCallback2((acc) => {
-    selectAccount(acc);
-    onBack();
-  }, [onBack]);
-  return /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-1.5 pt-3 overflow-auto max-h-[400px] no-scrollbar p-4 pt-0", children: accounts.map((acc) => /* @__PURE__ */ jsx14(
-    AccountItem,
-    {
-      account: acc,
-      isSelected: acc.address === currentAddress,
-      selectAccount: _selectAccount
-    },
-    acc.address
-  )) });
-};
-SwitchAccountView.title = "Switch Accounts";
-var AccountItem = React4.memo(({
-  isSelected,
-  account,
-  selectAccount
-}) => {
-  const { chain } = useChain2();
-  const address = account.address;
-  const { data: balance } = useBalance({ address });
-  const connector = useActiveConnector();
-  return /* @__PURE__ */ jsxs3(
-    "button",
-    {
-      type: "button",
-      onClick: () => selectAccount(account),
-      className: cs(
-        "px-3.5 py-2.5 w-full rounded-accountSelectItem border-none",
-        "bg-accountSelectItemBackground",
-        "text-left flex items-center justify-between gap-2",
-        "transition-colors duration-200",
-        isSelected ? "cursor-auto" : "cursor-pointer hover:bg-accountSelectItemBackgroundHover"
-      ),
-      "aria-label": account.name || address,
-      disabled: isSelected,
-      children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx14("div", { className: "shrink-0 w-[24px] h-[24px] bg-pink-500 rounded-full flex items-center justify-center", children: connector?.icon && /* @__PURE__ */ jsx14("img", { src: connector?.icon, alt: "luno account" }) }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-start", children: [
-            /* @__PURE__ */ jsx14("span", { className: "font-medium text-sm leading-sm text-accountSelectItemText", children: account.name || formatAddress(address) }),
-            /* @__PURE__ */ jsx14("span", { className: "text-xs text-modalTextSecondary font-medium", children: balance === void 0 ? /* @__PURE__ */ jsx14("div", { className: "animate-pulse rounded w-[60px] h-[18px] bg-skeleton" }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-              balance?.formattedTransferable || "0.00",
-              " ",
-              chain?.nativeCurrency?.symbol || "DOT"
-            ] }) })
-          ] })
-        ] }),
-        isSelected && /* @__PURE__ */ jsx14("div", { className: "border-[1px] border-solid border-accentColor rounded-full overflow-hidden flex items-center justify-center w-[18px] h-[18px]", children: /* @__PURE__ */ jsx14("div", { className: "rounded-full bg-accentColor w-[10px] h-[10px]" }) })
-      ]
-    }
-  );
-});
-
-// src/components/ChainList/index.tsx
-import React5, { useMemo as useMemo3, useState as useState2 } from "react";
-import { useApi, useChain as useChain3, useChains, useSwitchChain } from "@luno-kit/react";
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
-var FILTER_TABS = [
-  { key: "All" /* all */, label: "All" /* all */ },
-  { key: "Mainnets" /* mainnets */, label: "Mainnets" /* mainnets */ },
-  { key: "Testnets" /* testnets */, label: "Testnets" /* testnets */ }
-];
-var ChainList = ({ onChainSwitched }) => {
-  const { chain: currentChain } = useChain3();
-  const chains = useChains();
-  const { switchChainAsync } = useSwitchChain();
-  const { isApiReady, apiError } = useApi();
-  const [activeFilter, setActiveFilter] = useState2("All" /* all */);
-  const [switchingChain, setSwitchingChain] = useState2(null);
-  const filteredChains = useMemo3(() => {
-    switch (activeFilter) {
-      case "Mainnets" /* mainnets */:
-        return chains.filter((chain) => !chain.testnet);
-      case "Testnets" /* testnets */:
-        return chains.filter((chain) => chain.testnet);
-      case "All" /* all */:
-      default:
-        return chains;
-    }
-  }, [chains, activeFilter]);
-  const handleChainSelect = async (chain) => {
-    if (chain.genesisHash === currentChain?.genesisHash) return;
-    if (!isApiReady && !apiError) return;
-    setSwitchingChain(chain.genesisHash);
-    try {
-      await switchChainAsync({ chainId: chain.genesisHash });
-      onChainSwitched?.(chain);
-    } catch (error) {
-      console.error("Failed to switch chain:", error);
-    } finally {
-      setSwitchingChain(null);
-    }
-  };
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsx15("div", { className: "flex items-center gap-1.5 w-full", children: FILTER_TABS.map((tab) => /* @__PURE__ */ jsx15(
-      "button",
-      {
-        onClick: () => setActiveFilter(tab.key),
-        className: cs(
-          "px-3.5 flex items-center justify-center cursor-pointer min-w-[48px] min-h-[24px] rounded-networkSelectItem text-[12px] leading-[16px] font-medium transition-colors",
-          activeFilter === tab.key ? "bg-navigationButtonBackground text-modalText" : "bg-transparent text-modalTextSecondary hover:text-modalText"
-        ),
-        children: tab.label
-      },
-      tab.key
-    )) }),
-    /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-1.5 overflow-y-auto custom-scrollbar max-h-[450px]", children: filteredChains.map((chain) => /* @__PURE__ */ jsx15(
-      ChainItem,
-      {
-        chain,
-        isSelected: chain.genesisHash === currentChain?.genesisHash,
-        onSelect: handleChainSelect,
-        isLoading: (switchingChain === chain.genesisHash || !isApiReady) && !apiError
-      },
-      chain.genesisHash
-    )) }),
-    filteredChains.length === 0 && /* @__PURE__ */ jsx15("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxs4("span", { className: "text-modalTextSecondary text-xs", children: [
-      "No ",
-      activeFilter === "All" /* all */ ? "chains" : activeFilter.toLowerCase(),
-      " available"
-    ] }) })
-  ] });
-};
-var ChainItem = React5.memo(({
-  chain,
-  isSelected,
-  isLoading,
-  onSelect
-}) => {
-  return /* @__PURE__ */ jsxs4(
-    "button",
-    {
-      onClick: () => onSelect(chain),
-      disabled: isSelected || isLoading,
-      className: cs(
-        "flex items-center justify-between p-2 rounded-sm",
-        "bg-networkSelectItemBackground",
-        "transition-colors duration-200",
-        isSelected || isLoading ? "cursor-default" : "cursor-pointer hover:bg-networkSelectItemBackgroundHover",
-        isLoading && "opacity-80"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx15(
-            ChainIcon,
-            {
-              className: "w-[24px] bg-modal-bg h-[24px] flex items-center justify-center",
-              chainIconUrl: chain?.chainIconUrl,
-              chainName: chain?.name
-            }
-          ),
-          /* @__PURE__ */ jsx15("div", { className: "flex flex-col items-start", children: /* @__PURE__ */ jsx15("span", { className: "font-medium text-base text-modalText", children: chain.name }) })
-        ] }),
-        /* @__PURE__ */ jsx15("div", { className: "flex items-center justify-center h-[20px]", children: isSelected ? isLoading ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-          /* @__PURE__ */ jsx15("span", { className: "text-accentColor text-xs leading-xs mr-1.5", children: "Switching" }),
-          /* @__PURE__ */ jsx15(
-            Loading_default,
-            {
-              className: "text-accentColor animate-[spin_2s_linear_infinite]",
-              width: "15px",
-              height: "15px"
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs4("span", { className: "status-dot-container", children: [
-          /* @__PURE__ */ jsx15("span", { className: "ping-animation" }),
-          /* @__PURE__ */ jsx15("span", { className: "status-dot" })
-        ] }) : null })
-      ]
-    }
-  );
-});
-
-// src/components/AccountDetailsModal/SwitchChainView.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var SwitchChainView = ({ onBack }) => {
-  return /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-3.5 p-4 pt-0", children: /* @__PURE__ */ jsx16(ChainList, {}) });
-};
-SwitchChainView.title = "Select Networks";
-
-// src/components/Copy/index.tsx
-import { useCallback as useCallback3, useState as useState3 } from "react";
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
-var Copy = ({ copyText, label, className = "" }) => {
-  const [isCopied, setIsCopied] = useState3(false);
-  const copyToClipboard = useCallback3(async (text) => {
-    try {
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        await navigator.clipboard.writeText(text);
-        setIsCopied(true);
-        setTimeout(() => setIsCopied(false), 2e3);
-        return true;
-      }
-      return false;
-    } catch (err) {
-      console.error("Copy failed:", err);
-      return false;
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs5(
-    "button",
-    {
-      type: "button",
-      className: cs("cursor-pointer bg-transparent border-none p-0 m-0 inline-flex items-center justify-center gap-1", className),
-      onClick: () => !isCopied && copyText && copyToClipboard(copyText),
-      "aria-label": "Copy address to clipboard",
-      disabled: isCopied,
-      children: [
-        isCopied ? /* @__PURE__ */ jsx17(Success_default, { className: "text-accentColor", width: 16, height: 16 }) : /* @__PURE__ */ jsx17(Copy_default, { width: 16, height: 16 }),
-        label
-      ]
-    }
-  );
-};
-
-// src/components/AccountDetailsModal/index.tsx
-import { formatAddress as formatAddress2 } from "@luno-kit/react";
-
-// src/hooks/useAnimatedViews.ts
-import { useCallback as useCallback4, useState as useState4, useRef } from "react";
-function useAnimatedViews({
-  initialView,
-  animationDuration = 200,
-  animationEasing = "ease-out"
-}) {
-  const [currentView, setCurrentView] = useState4(initialView);
-  const [isAnimating, setIsAnimating] = useState4(false);
-  const containerRef = useRef(null);
-  const currentViewRef = useRef(null);
-  const handleViewChange = useCallback4((view) => {
-    if (view === currentView || isAnimating) return;
-    setIsAnimating(true);
-    if (!containerRef.current) {
-      setCurrentView(view);
-      setIsAnimating(false);
-      return;
-    }
-    const container = containerRef.current;
-    const currentHeight = container.offsetHeight;
-    setCurrentView(view);
-    requestAnimationFrame(() => {
-      if (!container || !currentViewRef.current) {
-        setIsAnimating(false);
-        return;
-      }
-      const newHeight = currentViewRef.current.offsetHeight;
-      container.animate([
-        { height: currentHeight + "px" },
-        { height: newHeight + "px" }
-      ], {
-        duration: animationDuration,
-        easing: animationEasing,
-        fill: "forwards"
-      }).addEventListener("finish", () => {
-        setIsAnimating(false);
-      });
-    });
-  }, [currentView, isAnimating, animationDuration, animationEasing]);
-  const resetView = useCallback4(() => {
-    setCurrentView(initialView);
-    setIsAnimating(false);
-  }, [initialView]);
-  return {
-    currentView,
-    isAnimating,
-    containerRef,
-    currentViewRef,
-    handleViewChange,
-    resetView
-  };
-}
-
-// src/components/AccountDetailsModal/index.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var AccountDetailsModal = () => {
-  const { isOpen, close } = useAccountModal();
-  const { address } = useAccount3();
-  const { chain } = useChain4();
-  const { data: balance } = useBalance2({ address });
-  const activeConnector = useActiveConnector2();
-  const {
-    currentView,
-    containerRef,
-    currentViewRef,
-    handleViewChange,
-    resetView
-  } = useAnimatedViews({ initialView: "main" /* main */ });
-  const handleModalClose = useCallback5(() => {
-    close();
-    resetView();
-  }, [close]);
-  const viewTitle = useMemo4(() => {
-    if (currentView === "switchAccount" /* switchAccount */) return "Switch Account";
-    if (currentView === "switchChain" /* switchChain */) return SwitchChainView.title;
-    return null;
-  }, [currentView]);
-  const viewComponents = useMemo4(() => ({
-    ["main" /* main */]: /* @__PURE__ */ jsx18(
-      MainView,
-      {
-        onViewChange: handleViewChange,
-        onModalClose: handleModalClose
-      }
-    ),
-    ["switchAccount" /* switchAccount */]: /* @__PURE__ */ jsx18(SwitchAccountView, { onBack: () => handleViewChange("main" /* main */) }),
-    ["switchChain" /* switchChain */]: /* @__PURE__ */ jsx18(SwitchChainView, { onBack: () => handleViewChange("main" /* main */) })
-  }), [handleViewChange, handleModalClose]);
-  return /* @__PURE__ */ jsx18(
-    Dialog,
-    {
-      open: isOpen,
-      onOpenChange: handleModalClose,
-      children: /* @__PURE__ */ jsxs6("div", { className: cs(
-        "flex flex-col w-full md:w-[360px] max-h-[500px] text-modalText",
-        "bg-modalBackground shadow-modal",
-        currentView === "main" /* main */ ? "gap-6" : "gap-3.5"
-      ), children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-stretch justify-between w-full px-4 pt-4", children: [
-          currentView === "main" /* main */ ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-            activeConnector?.icon && /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center w-[55px] h-[55px]", children: /* @__PURE__ */ jsx18("img", { src: activeConnector.icon, alt: "" }) }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-start gap-2 w-full", children: [
-              /* @__PURE__ */ jsx18(DialogTitle, { className: "sr-only", children: "Account Details" }),
-              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5 w-full", children: [
-                /* @__PURE__ */ jsx18("span", { className: "text-base text-modalText font-semibold", children: formatAddress2(address) }),
-                /* @__PURE__ */ jsx18(Copy, { copyText: address })
-              ] }),
-              /* @__PURE__ */ jsx18("div", { className: "text-sm text-modalTextSecondary font-medium min-h-[20px]", children: balance === void 0 ? /* @__PURE__ */ jsx18("div", { className: "animate-pulse rounded w-[80px] h-[20px] bg-skeleton" }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
-                balance?.formattedTransferable || "0.00",
-                " ",
-                chain?.nativeCurrency?.symbol || "DOT"
-              ] }) })
-            ] })
-          ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
-            /* @__PURE__ */ jsx18(
-              "button",
-              {
-                className: "flex items-center justify-center w-[30px] h-[30px] cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",
-                onClick: () => handleViewChange("main" /* main */),
-                "aria-label": "Back",
-                children: /* @__PURE__ */ jsx18(Back_default, {})
-              }
-            ),
-            /* @__PURE__ */ jsx18(
-              DialogTitle,
-              {
-                className: "text-lg leading-lg text-modalText font-semibold transition-opacity duration-300",
-                children: viewTitle
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx18(DialogClose, { className: "z-10 flex items-center justify-center h-[30px] w-[30px] rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200 cursor-pointer", children: /* @__PURE__ */ jsx18(Close_default, {}) })
-        ] }),
-        /* @__PURE__ */ jsx18(
-          "div",
-          {
-            ref: containerRef,
-            className: "relative overflow-hidden",
-            children: /* @__PURE__ */ jsx18("div", { ref: currentViewRef, children: viewComponents[currentView] })
-          }
-        )
-      ] })
-    }
-  );
-};
-
-// src/components/ChainModal/index.tsx
-import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
-var ChainModal = () => {
-  const { isOpen, close } = useChainModal();
-  return /* @__PURE__ */ jsx19(Dialog, { open: isOpen, onOpenChange: (open) => !open && close(), children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col w-full md:w-[360px] max-h-[500px] p-4 gap-3.5 text-modalText", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ jsx19("div", { className: "w-[30px]" }),
-      " ",
-      /* @__PURE__ */ jsx19(DialogTitle, { className: "text-lg leading-lg text-modalText font-semibold transition-opacity duration-300", children: "Select Network" }),
-      /* @__PURE__ */ jsx19(DialogClose, { className: "z-10 flex items-center justify-center h-[30px] w-[30px] rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover transition-colors duration-200 cursor-pointer", children: /* @__PURE__ */ jsx19(Close_default, {}) })
-    ] }),
-    /* @__PURE__ */ jsx19(ChainList, {})
-  ] }) });
-};
-
-// src/components/ConnectModal/index.tsx
-import { useEffect as useEffect4, useMemo as useMemo5, useState as useState7 } from "react";
-import { useConnect, isMobileDevice as isMobileDevice2 } from "@luno-kit/react";
-
-// src/hooks/useConnectButton.ts
-import {
-  useStatus as useStatus2,
-  useAccount as useAccount4,
-  useChain as useChain5,
-  useBalance as useBalance3,
-  ConnectionStatus as ConnectionStatus2,
-  useChains as useChains2,
-  useActiveConnector as useActiveConnector3,
-  formatAddress as formatAddress3
-} from "@luno-kit/react";
-function useLunoWallet() {
-  const connectionStatus = useStatus2();
-  const { account, address } = useAccount4();
-  const { chain: currentChain } = useChain5();
-  const configuredChains = useChains2();
-  const { data: balance } = useBalance3({ address });
-  const activeConnector = useActiveConnector3();
-  const { open: openConnectModal, isOpen: isConnectModalOpen } = useConnectModal();
-  const { open: openAccountModal, isOpen: isAccountModalOpen } = useAccountModal();
-  const { open: openChainModal, isOpen: isChainModalOpen } = useChainModal();
-  const isConnecting = connectionStatus === ConnectionStatus2.Connecting;
-  const isConnected = connectionStatus === ConnectionStatus2.Connected;
-  const isDisconnected = connectionStatus === ConnectionStatus2.Disconnected || connectionStatus === ConnectionStatus2.Disconnecting;
-  const isChainSupported = !!currentChain && configuredChains.some((c) => c.genesisHash.toLowerCase() === currentChain.genesisHash.toLowerCase());
-  return {
-    activeConnector,
-    connectionStatus,
-    isConnected,
-    isDisconnected,
-    isConnecting,
-    account,
-    address,
-    displayAddress: formatAddress3(address),
-    currentChain,
-    configuredChains,
-    isChainSupported,
-    chainIconUrl: currentChain?.chainIconUrl,
-    chainName: currentChain?.name,
-    balance,
-    openConnectModal,
-    openAccountModal,
-    openChainModal,
-    isConnectModalOpen,
-    isAccountModalOpen,
-    isChainModalOpen
-  };
-}
-
-// src/hooks/useWindowSize.ts
-import { useEffect as useEffect2, useState as useState6 } from "react";
-var useWindowSize = () => {
-  const [windowSize, setWindowSize] = useState6({
-    height: void 0,
-    width: void 0
-  });
-  useEffect2(() => {
-    const handleResize = debounce(() => {
-      setWindowSize({
-        height: window.innerHeight,
-        width: window.innerWidth
-      });
-    }, 500);
-    window.addEventListener("resize", handleResize);
-    handleResize();
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  return windowSize;
-};
-
-// src/components/ConnectModal/WalletView.tsx
-import React10 from "react";
-
-// src/components/QRCode/index.tsx
-import { Cuer } from "cuer";
-import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
-var QRCode = ({
-  logoBackground,
-  uri,
-  size
-}) => {
-  if (!uri) {
-    const QR_GRID_SIZE = 57;
-    const FINDER_SIZE_WITH_MARGIN = 8;
-    const ARENA_GRID_SIZE = Math.floor(QR_GRID_SIZE / 4);
-    const cellSize = size / QR_GRID_SIZE;
-    const arenaSize = ARENA_GRID_SIZE * cellSize;
-    const arenaStart = Math.floor(QR_GRID_SIZE / 2 - ARENA_GRID_SIZE / 2);
-    const arenaEnd = arenaStart + ARENA_GRID_SIZE;
-    const generateSkeletonDots = () => {
-      const dots = [];
-      for (let i = 0; i < QR_GRID_SIZE; i++) {
-        for (let j = 0; j < QR_GRID_SIZE; j++) {
-          if (i >= arenaStart && i <= arenaEnd && j >= arenaStart && j <= arenaEnd) continue;
-          const isInFinder = i < FINDER_SIZE_WITH_MARGIN && j < FINDER_SIZE_WITH_MARGIN || i < FINDER_SIZE_WITH_MARGIN && j >= QR_GRID_SIZE - FINDER_SIZE_WITH_MARGIN || i >= QR_GRID_SIZE - FINDER_SIZE_WITH_MARGIN && j < FINDER_SIZE_WITH_MARGIN;
-          if (isInFinder) continue;
-          const cx = j + 0.5;
-          const cy = i + 0.5;
-          dots.push(
-            /* @__PURE__ */ jsx20(
-              "rect",
-              {
-                x: cx - 0.4,
-                y: cy - 0.4,
-                width: 0.8,
-                height: 0.8,
-                rx: 0.4,
-                fill: "var(--color-walletSelectItemBackground)"
-              },
-              `${i}-${j}`
-            )
-          );
-        }
-      }
-      return dots;
-    };
-    const renderFinderPattern = ({ position }) => {
-      const finderSize = 7 * cellSize;
-      const positionStyles = {
-        "top-left": { top: 0, left: 0 },
-        "top-right": { top: 0, right: 0 },
-        "bottom-left": { bottom: 0, left: 0 }
-      };
-      return /* @__PURE__ */ jsxs8(
-        "div",
-        {
-          className: "absolute z-[4]",
-          style: {
-            width: `${finderSize}px`,
-            height: `${finderSize}px`,
-            ...positionStyles[position]
-          },
-          children: [
-            /* @__PURE__ */ jsx20(
-              "div",
-              {
-                className: "absolute inset-0",
-                style: {
-                  borderRadius: `${2 * cellSize}px`,
-                  border: `${cellSize}px solid var(--color-walletSelectItemBackground)`
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx20(
-              "div",
-              {
-                className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
-                style: {
-                  width: `${3 * cellSize}px`,
-                  height: `${3 * cellSize}px`,
-                  borderRadius: `${0.5 * cellSize}px`,
-                  backgroundColor: "var(--color-walletSelectItemBackground)"
-                }
-              }
-            )
-          ]
-        }
-      );
-    };
-    const renderArenaLogo = () => {
-      const logoStart = Math.ceil(QR_GRID_SIZE / 2 - ARENA_GRID_SIZE / 2) * cellSize;
-      return /* @__PURE__ */ jsx20(
-        "div",
-        {
-          className: "absolute z-[4] flex items-center justify-center box-border",
-          style: {
-            width: `${arenaSize}px`,
-            height: `${arenaSize}px`,
-            left: `${logoStart}px`,
-            top: `${logoStart}px`,
-            borderRadius: `${cellSize}px`,
-            padding: `${cellSize / 2}px`
-          },
-          children: /* @__PURE__ */ jsx20(
-            "img",
-            {
-              src: logoBackground,
-              alt: "QR Code Logo",
-              className: "h-full w-full object-cover",
-              style: {
-                borderRadius: `${cellSize}px`
-              }
-            }
-          )
-        }
-      );
-    };
-    return /* @__PURE__ */ jsxs8(
-      "div",
-      {
-        className: "relative overflow-hidden flex items-center justify-center",
-        style: {
-          width: size,
-          height: size,
-          borderRadius: `${2 * cellSize}px`
-        },
-        children: [
-          /* @__PURE__ */ jsx20(
-            "svg",
-            {
-              className: "absolute inset-0 z-[3]",
-              width: size,
-              height: size,
-              viewBox: `0 0 ${QR_GRID_SIZE} ${QR_GRID_SIZE}`,
-              children: generateSkeletonDots()
-            }
-          ),
-          /* @__PURE__ */ jsx20(
-            "div",
-            {
-              className: "absolute inset-0 z-[100]",
-              style: {
-                background: "linear-gradient(90deg, transparent 50%, var(--color-walletSelectItemBackgroundHover), transparent)",
-                backgroundSize: "200% 100%",
-                transform: "scale(1.5) rotate(45deg)",
-                animation: "shimmer 1000ms linear infinite both"
-              }
-            }
-          ),
-          renderFinderPattern({ position: "top-left" }),
-          renderFinderPattern({ position: "top-right" }),
-          renderFinderPattern({ position: "bottom-left" }),
-          logoBackground && renderArenaLogo()
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx20(Cuer, { arena: logoBackground, value: uri });
-};
-
-// src/components/ConnectButton/index.tsx
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
-var transitionClassName = "transition-transform transition-[125] hover:scale-[1.03] transition-ease";
-var ConnectButton = ({
-  className,
-  label = "Connect Wallet",
-  accountStatus = "full",
-  chainStatus = "full",
-  showBalance = true
-}) => {
-  const {
-    isConnected,
-    isDisconnected,
-    displayAddress,
-    balance,
-    openConnectModal,
-    openAccountModal,
-    openChainModal,
-    chainIconUrl,
-    chainName,
-    currentChain,
-    activeConnector
-  } = useLunoWallet();
-  const { width: windowWidth } = useWindowSize();
-  const isLargeWindow = windowWidth && windowWidth > 768;
-  if (isDisconnected || !isConnected || !activeConnector) {
-    return /* @__PURE__ */ jsx21(
-      "button",
-      {
-        type: "button",
-        onClick: () => openConnectModal?.(),
-        className: cs(
-          "cursor-pointer font-semibold inline-flex items-center justify-center focus:outline-none",
-          "text-connectButtonText bg-connectButtonBackground shadow-button active:scale-[0.95]",
-          "rounded-connectButton",
-          transitionClassName,
-          "px-3.5 text-base leading-base min-h-[40px]",
-          className
-        ),
-        children: label
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs9("div", { className: cs("text-modalText flex items-stretch bg-transparent font-semibold text-base leading-base gap-3", className), children: [
-    chainStatus !== "none" && /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        type: "button",
-        onClick: () => openChainModal?.(),
-        className: cs(
-          "flex items-center rounded-currentNetworkButton cursor-pointer",
-          "bg-currentNetworkButtonBackground shadow-button",
-          "py-2 px-2.5 gap-1.5",
-          transitionClassName
-        ),
-        "aria-label": "Switch chain",
-        children: [
-          chainStatus === "full" || chainStatus === "icon" ? /* @__PURE__ */ jsx21(ChainIcon, { chainIconUrl, chainName, className: "w-[24px] h-[24px]" }) : null,
-          (chainStatus === "full" || chainStatus === "name") && isLargeWindow && /* @__PURE__ */ jsx21("span", { children: currentChain?.name || "Unknown Chain" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        type: "button",
-        onClick: () => openAccountModal?.(),
-        className: cs(
-          "flex items-center cursor-pointer rounded-connectButton bg-connectButtonBackground shadow-button",
-          transitionClassName
-        ),
-        "aria-label": "Open account modal",
-        children: [
-          showBalance && isLargeWindow && /* @__PURE__ */ jsx21("div", { className: "p-2 pl-3", children: balance === void 0 ? /* @__PURE__ */ jsx21("div", { className: "animate-pulse rounded w-[80px] h-[20px] bg-accountActionItemBackgroundHover" }) : /* @__PURE__ */ jsxs9("span", { className: "", children: [
-            balance?.formattedTransferable || balance?.formattedTotal || 0,
-            "  ",
-            currentChain?.nativeCurrency?.symbol || ""
-          ] }) }),
-          /* @__PURE__ */ jsxs9("div", { className: cs(
-            "flex items-center bg-connectButtonInnerBackground border-2 border-connectButtonBackground rounded-connectButton gap-1.5 max-h-[40px]",
-            showBalance && isLargeWindow ? "bg-connectButtonInnerBackground py-1.5 px-2" : "bg-connectButtonBackground py-2 px-2.5"
-          ), children: [
-            accountStatus === "full" && /* @__PURE__ */ jsx21("span", { className: "w-[24px] h-[24px]", children: /* @__PURE__ */ jsx21("img", { src: activeConnector.icon, alt: "luno" }) }),
-            /* @__PURE__ */ jsx21(
-              "span",
-              {
-                "aria-label": "Wallet icon placeholder",
-                className: "",
-                children: displayAddress
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-
-// src/components/SpiralAnimation/index.tsx
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var SpiralAnimation = ({
-  size = 160,
-  dotCount = 300,
-  duration = 3,
-  className = ""
-}) => {
-  const containerRef = useRef3(null);
-  useEffect3(() => {
-    if (!containerRef.current) return;
-    const DOT_RADIUS = 1;
-    const MARGIN = 2;
-    const GOLDEN_ANGLE = Math.PI * (3 - Math.sqrt(5));
-    const CENTER = size / 2;
-    const MAX_RADIUS = CENTER - MARGIN - DOT_RADIUS;
-    const svgNS = "http://www.w3.org/2000/svg";
-    containerRef.current.innerHTML = "";
-    const svg = document.createElementNS(svgNS, "svg");
-    svg.setAttribute("width", size.toString());
-    svg.setAttribute("height", size.toString());
-    svg.setAttribute("viewBox", `0 0 ${size} ${size}`);
-    svg.style.display = "block";
-    containerRef.current.appendChild(svg);
-    for (let i = 0; i < dotCount; i++) {
-      const idx = i + 0.5;
-      const frac = idx / dotCount;
-      const r = Math.sqrt(frac) * MAX_RADIUS;
-      const theta = idx * GOLDEN_ANGLE;
-      const x = CENTER + r * Math.cos(theta);
-      const y = CENTER + r * Math.sin(theta);
-      const circle = document.createElementNS(svgNS, "circle");
-      circle.setAttribute("cx", x.toString());
-      circle.setAttribute("cy", y.toString());
-      circle.setAttribute("r", DOT_RADIUS.toString());
-      circle.setAttribute("fill", "currentColor");
-      circle.setAttribute("opacity", "0.6");
-      svg.appendChild(circle);
-      const animR = document.createElementNS(svgNS, "animate");
-      animR.setAttribute("attributeName", "r");
-      animR.setAttribute(
-        "values",
-        `${DOT_RADIUS * 0.5};${DOT_RADIUS * 1.8};${DOT_RADIUS * 0.5}`
-      );
-      animR.setAttribute("dur", `${duration}s`);
-      animR.setAttribute("begin", `${frac * duration}s`);
-      animR.setAttribute("repeatCount", "indefinite");
-      animR.setAttribute("calcMode", "spline");
-      animR.setAttribute("keySplines", "0.4 0 0.6 1;0.4 0 0.6 1");
-      circle.appendChild(animR);
-      const animO = document.createElementNS(svgNS, "animate");
-      animO.setAttribute("attributeName", "opacity");
-      animO.setAttribute("values", "0.2;1;0.2");
-      animO.setAttribute("dur", `${duration}s`);
-      animO.setAttribute("begin", `${frac * duration}s`);
-      animO.setAttribute("repeatCount", "indefinite");
-      animO.setAttribute("calcMode", "spline");
-      animO.setAttribute("keySplines", "0.4 0 0.6 1;0.4 0 0.6 1");
-      circle.appendChild(animO);
-    }
-  }, [size, dotCount, duration]);
-  return /* @__PURE__ */ jsx22(
-    "div",
-    {
-      ref: containerRef,
-      className: cs("text-accentColor inline-flex w-full h-full justify-center align-center", className)
-    }
-  );
-};
-
-// src/components/ConnectModal/WalletView.tsx
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
-var WalletView = React10.memo(({ selectedConnector, onConnect, qrCode, isWide, connectState }) => {
-  const showQRCode = selectedConnector?.hasConnectionUri();
-  return /* @__PURE__ */ jsxs10("div", { className: cs(
-    "flex flex-col items-center",
-    isWide ? "w-[400px] p-4 min-h-[472px]" : "justify-center w-full min-h-[400px]"
-  ), children: [
-    isWide && /* @__PURE__ */ jsx23("div", { className: "w-full", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx23("div", {}),
-      /* @__PURE__ */ jsx23(
-        DialogClose,
-        {
-          className: "z-10 w-[30px] h-[30px] flex items-center justify-center cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",
-          children: /* @__PURE__ */ jsx23(Close_default, {})
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx23("div", { className: cs(
-      "flex items-center py-12 flex-col grow justify-start",
-      selectedConnector && showQRCode ? "max-w-[220px]" : "max-w-[360px]"
-    ), children: selectedConnector ? showQRCode ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx23(QRCode, { size: 220, logoBackground: selectedConnector.icon, uri: qrCode }),
-      /* @__PURE__ */ jsxs10("div", { className: "text-secondaryFont leading-secondary font-[500] text-center", children: [
-        "Scan the QR Code with ",
-        selectedConnector.id === "nova" ? "the Nova app" : "your phone"
-      ] }),
-      selectedConnector.links?.browserExtension ? /* @__PURE__ */ jsxs10(
-        "p",
-        {
-          onClick: () => window.open(selectedConnector.links.browserExtension),
-          className: "cursor-pointer pt-[16px] text-base leading-base text-accentColor font-bold text-center",
-          children: [
-            "Don\u2018t have ",
-            selectedConnector.name,
-            "?"
-          ]
-        }
-      ) : qrCode ? /* @__PURE__ */ jsx23(Copy, { className: "text-sm leading-sm text-accentColor", copyText: qrCode, label: "Copy Link" }) : null
-    ] }) : /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx23("div", { className: "w-[102px] h-[102px] pb-[16px]", children: /* @__PURE__ */ jsx23("img", { src: selectedConnector.icon, className: "w-full h-full", alt: "" }) }),
-      /* @__PURE__ */ jsxs10("p", { className: "pb-[10px] text-primary leading-primary text-modalFont font-[600]", children: [
-        "Opening ",
-        selectedConnector.name,
-        "..."
-      ] }),
-      /* @__PURE__ */ jsx23("p", { className: "pb-[10px] text-secondaryFont text-secondary leading-secondary font-[500] text-center", children: "Confirm connection in the extension" }),
-      connectState.isConnecting && /* @__PURE__ */ jsx23(Loading_default, { className: "w-[24px] h-[24px] text-secondaryFont animate-[spin_3s_linear_infinite]" }),
-      !selectedConnector.isInstalled() && selectedConnector.links.browserExtension && /* @__PURE__ */ jsxs10(
-        "p",
-        {
-          onClick: () => window.open(selectedConnector.links.browserExtension),
-          className: "cursor-pointer pt-[16px] text-base leading-base text-accentColor font-bold text-center",
-          children: [
-            "Don\u2018t have ",
-            selectedConnector.name,
-            "?"
-          ]
-        }
-      ),
-      !connectState.isConnecting && connectState.isError && selectedConnector.isInstalled() && /* @__PURE__ */ jsx23(
-        "button",
-        {
-          className: cs(
-            "rounded-connectButton focus:outline-none py-[4px] px-[12px] cursor-pointer font-[600] text-primaryFont bg-connectButtonBackground shadow-connectButton active:scale-[0.95]",
-            transitionClassName
-          ),
-          onClick: () => onConnect(selectedConnector),
-          children: "Retry"
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx23("div", { className: "w-[160px] h-[160px] mb-4", children: /* @__PURE__ */ jsx23(SpiralAnimation, {}) }),
-      /* @__PURE__ */ jsx23("p", { className: "cursor-pointer pb-[16px] text-base leading-base text-accentColor font-bold text-center", children: "New to wallets?" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-modalTextSecondary text-sm leading-sm font-medium text-center", children: "Your gateway to the decentralized world Connect a wallet to get started" })
-    ] }) }),
-    /* @__PURE__ */ jsx23("div", {})
-  ] });
-});
-
-// src/components/ConnectModal/ConnectOptions.tsx
-import React11 from "react";
-import { useConnectors, isMobileDevice } from "@luno-kit/react";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
-var ConnectOptions = React11.memo(({ onConnect }) => {
-  const connectors = useConnectors();
-  if (isMobileDevice()) {
-    const filteredConnectors = connectors.filter((i) => i.links.deepLink);
-    return /* @__PURE__ */ jsx24("div", { className: "flex flex-col items-start gap-1 w-full", children: filteredConnectors.map((i) => /* @__PURE__ */ jsx24(ConnectorItem, { connector: i, onConnect: () => onConnect(i) }, `${i.id}-${i.name}`)) });
-  }
-  const installedConnectors = connectors.filter((c) => c.isInstalled());
-  const moreConnectors = connectors.filter((c) => !c.isInstalled());
-  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-start gap-4 w-full", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-start gap-3 w-full", children: [
-      /* @__PURE__ */ jsx24("div", { className: "text-base text-modalText font-semibold leading-base", children: "Installed" }),
-      /* @__PURE__ */ jsx24("div", { className: "flex flex-col items-start gap-1.5 w-full", children: installedConnectors.map((i) => /* @__PURE__ */ jsx24(ConnectorItem, { connector: i, onConnect: () => onConnect(i) }, i.id)) })
-    ] }),
-    moreConnectors.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-start gap-3 w-full", children: [
-      /* @__PURE__ */ jsx24("div", { className: "text-base text-modalText font-semibold leading-base", children: "More" }),
-      /* @__PURE__ */ jsx24("div", { className: "flex flex-col items-start gap-1 w-full", children: moreConnectors.map((i) => /* @__PURE__ */ jsx24(ConnectorItem, { connector: i, onConnect: () => onConnect(i) }, i.id)) })
-    ] })
-  ] });
-});
-var ConnectorItem = React11.memo(({ connector, onConnect }) => {
-  return /* @__PURE__ */ jsxs11(
-    "button",
-    {
-      onClick: onConnect,
-      className: cs(
-        "cursor-pointer bg-walletSelectItemBackground p-2 w-full flex items-center gap-3 rounded-walletSelectItem border-none",
-        "hover:bg-walletSelectItemBackgroundHover transition-transform active:scale-[0.95]",
-        "text-left"
-      ),
-      children: [
-        /* @__PURE__ */ jsx24("div", { className: "w-[24px] h-[24px]", children: /* @__PURE__ */ jsx24(
-          "img",
-          {
-            src: connector.icon,
-            alt: connector.name,
-            className: "w-full h-full"
-          }
-        ) }),
-        /* @__PURE__ */ jsx24("span", { className: "font-semibold leading-base text-base text-modalText", children: connector.name })
-      ]
-    }
-  );
-});
-
-// src/components/ConnectModal/index.tsx
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
-var ConnectModal = ({
-  size = "wide"
-}) => {
-  const { isOpen, close } = useConnectModal();
-  const { connectAsync, reset: resetConnect, isPending: isConnecting, isError: connectError } = useConnect();
-  const [selectedConnector, setSelectedConnector] = useState7(null);
-  const [qrCode, setQrCode] = useState7();
-  const { width: windowWidth } = useWindowSize();
-  const isLargeWindow = windowWidth && windowWidth > 768;
-  const isWide = !!(size === "wide" && isLargeWindow);
-  const {
-    containerRef,
-    currentViewRef,
-    resetView,
-    handleViewChange,
-    currentView
-  } = useAnimatedViews({ initialView: "Connect Wallet" /* connectOptions */ });
-  const onQrCode = async (connector) => {
-    const uri = await connector.getConnectionUri();
-    setQrCode(uri);
-  };
-  const handleConnect = async (connector) => {
-    if (isMobileDevice2() && connector.links.deepLink) {
-      try {
-        await connectAsync({ connectorId: connector.id });
-        _onOpenChange(false);
-        return;
-      } catch (error) {
-        window.location.href = `${connector.links.deepLink}?url=${window.location.href}`;
-        return;
-      }
-    }
-    !isWide && handleViewChange("walletView" /* walletView */);
-    setSelectedConnector(connector);
-    setQrCode(void 0);
-    if (connector.hasConnectionUri()) {
-      onQrCode(connector);
-    }
-    await connectAsync({ connectorId: connector.id });
-    _onOpenChange(false);
-  };
-  const _onOpenChange = (open) => {
-    !open && close();
-    resetConnect();
-    resetView();
-    setSelectedConnector(null);
-    setQrCode(void 0);
-  };
-  const viewComponents = useMemo5(() => {
-    return {
-      ["Connect Wallet" /* connectOptions */]: /* @__PURE__ */ jsx25(ConnectOptions, { onConnect: handleConnect }),
-      ["walletView" /* walletView */]: /* @__PURE__ */ jsx25(
-        WalletView,
-        {
-          connectState: { isConnecting, isError: connectError },
-          isWide,
-          selectedConnector,
-          qrCode,
-          onConnect: handleConnect
-        }
-      )
-    };
-  }, [isWide, selectedConnector, qrCode, handleConnect, isConnecting, connectError]);
-  useEffect4(() => {
-    if (isWide && currentView === "walletView" /* walletView */) {
-      handleViewChange("Connect Wallet" /* connectOptions */);
-    }
-  }, [isWide, currentView]);
-  useEffect4(() => {
-    if (isWide && currentView === "walletView" /* walletView */) {
-      handleViewChange("Connect Wallet" /* connectOptions */);
-    }
-  }, [isWide, currentView]);
-  useEffect4(() => {
-    if (isWide && currentView === "walletView" /* walletView */) {
-      handleViewChange("Connect Wallet" /* connectOptions */);
-    }
-  }, [isWide, currentView]);
-  return /* @__PURE__ */ jsx25(Dialog, { open: isOpen, onOpenChange: _onOpenChange, children: /* @__PURE__ */ jsxs12("div", { className: cs("flex items-stretch justify-between w-full md:max-h-[504px] md:max-w-[724px]"), children: [
-    /* @__PURE__ */ jsxs12("div", { className: cs(
-      "flex flex-col items-start py-4 px-5 md:min-w-[360px] w-full md:w-auto",
-      isWide && "border-r-[1px] border-r-solid border-r-separatorLine"
-    ), children: [
-      /* @__PURE__ */ jsxs12("div", { className: cs("flex items-center justify-between w-full", !isWide && "pb-4"), children: [
-        currentView === "Connect Wallet" /* connectOptions */ ? /* @__PURE__ */ jsx25(DialogTitle, { className: cs("text-lg leading-lg text-modalText font-bold", isWide && "pb-6"), children: "Connect Wallet" }) : /* @__PURE__ */ jsxs12(Fragment6, { children: [
-          /* @__PURE__ */ jsx25(
-            "button",
-            {
-              className: "flex items-center justify-center w-[30px] h-[30px] cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",
-              onClick: () => handleViewChange("Connect Wallet" /* connectOptions */),
-              "aria-label": "Back",
-              children: /* @__PURE__ */ jsx25(Back_default, {})
-            }
-          ),
-          /* @__PURE__ */ jsx25(
-            DialogTitle,
-            {
-              className: cs(
-                "text-lg leading-lg text-modalText font-semibold transition-opacity duration-300",
-                !selectedConnector?.hasConnectionUri() && "sr-only"
-              ),
-              children: selectedConnector?.hasConnectionUri() && "Scan by your phone"
-            }
-          )
-        ] }),
-        !isWide && /* @__PURE__ */ jsx25(
-          DialogClose,
-          {
-            className: "z-10 w-[30px] h-[30px] flex items-center justify-center cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",
-            children: /* @__PURE__ */ jsx25(Close_default, {})
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx25(
-        "div",
-        {
-          ref: containerRef,
-          className: "relative overflow-hidden w-full",
-          children: /* @__PURE__ */ jsx25("div", { ref: currentViewRef, children: viewComponents[currentView] })
-        }
-      )
-    ] }),
-    isWide && /* @__PURE__ */ jsx25(
-      WalletView,
-      {
-        connectState: { isConnecting, isError: connectError },
-        isWide,
-        selectedConnector,
-        qrCode,
-        onConnect: handleConnect
-      }
-    )
-  ] }) });
-};
-
-// src/providers/LunoKitProvider.tsx
-import { useState as useState9 } from "react";
-import { LunoProvider } from "@luno-kit/react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-
-// src/theme/context.tsx
-import { createContext as createContext2, useState as useState8, useContext as useContext2, useMemo as useMemo6, useCallback as useCallback6, useEffect as useEffect6 } from "react";
-
-// src/hooks/useCSSVariableInjection.ts
-import { useEffect as useEffect5 } from "react";
-var ALL_THEME_VARS = [
-  "--color-accentColor",
-  "--color-walletSelectItemBackground",
-  "--color-walletSelectItemBackgroundHover",
-  "--color-walletSelectItemText",
-  "--color-connectButtonBackground",
-  "--color-connectButtonInnerBackground",
-  "--color-connectButtonText",
-  "--color-accountActionItemBackground",
-  "--color-accountActionItemBackgroundHover",
-  "--color-accountActionItemText",
-  "--color-accountSelectItemBackground",
-  "--color-accountSelectItemBackgroundHover",
-  "--color-accountSelectItemText",
-  "--color-currentNetworkButtonBackground",
-  "--color-currentNetworkButtonText",
-  "--color-networkSelectItemBackground",
-  "--color-networkSelectItemBackgroundHover",
-  "--color-networkSelectItemText",
-  "--color-navigationButtonBackground",
-  "--color-separatorLine",
-  "--color-modalBackground",
-  "--color-modalBackdrop",
-  "--color-modalBorder",
-  "--color-modalText",
-  "--color-modalTextSecondary",
-  "--color-modalControlButtonBackgroundHover",
-  "--color-modalControlButtonText",
-  "--color-success",
-  "--color-successForeground",
-  "--color-warning",
-  "--color-warningForeground",
-  "--color-error",
-  "--color-errorForeground",
-  "--color-info",
-  "--color-infoForeground",
-  "--color-skeleton",
-  "--color-cutLine",
-  "--font-body",
-  "--font-heading",
-  "--font-mono",
-  "--radius-walletSelectItem",
-  "--radius-connectButton",
-  "--radius-modalControlButton",
-  "--radius-accountActionItem",
-  "--radius-accountSelectItem",
-  "--radius-currentNetworkButton",
-  "--radius-networkSelectItem",
-  "--radius-modal",
-  "--radius-modalMobile",
-  "--shadow-button",
-  "--shadow-modal",
-  "--blur-modalOverlay"
-];
-var useCSSVariableInjection = (themeInfo, themeMode) => {
-  useEffect5(() => {
-    if (typeof window === "undefined") return;
-    const root = document.documentElement;
-    if (themeInfo.type === "complete" && themeInfo.completeTheme) {
-      Object.entries(themeInfo.completeTheme.colors).forEach(([key, value]) => {
-        if (value) {
-          root.style.setProperty(`--color-${key}`, value);
-        }
-      });
-      Object.entries(themeInfo.completeTheme.fonts).forEach(([key, value]) => {
-        if (value) {
-          root.style.setProperty(`--font-${key}`, value);
-        }
-      });
-      Object.entries(themeInfo.completeTheme.radii).forEach(([key, value]) => {
-        if (value) {
-          root.style.setProperty(`--radius-${key}`, value);
-        }
-      });
-      Object.entries(themeInfo.completeTheme.shadows).forEach(([key, value]) => {
-        if (value) {
-          root.style.setProperty(`--shadow-${key}`, value);
-        }
-      });
-      Object.entries(themeInfo.completeTheme.blurs).forEach(([key, value]) => {
-        if (value) {
-          root.style.setProperty(`--blur-${key}`, value);
-        }
-      });
-      root.removeAttribute("data-theme");
-    } else if (themeInfo.type === "partial" && themeInfo.partialOverrides) {
-      root.setAttribute("data-theme", themeMode);
-      const hasOverrides = Object.keys(themeInfo.partialOverrides).length > 0;
-      if (hasOverrides) {
-        ALL_THEME_VARS.forEach((varName) => {
-          root.style.removeProperty(varName);
-        });
-        if (themeInfo.partialOverrides.colors) {
-          Object.entries(themeInfo.partialOverrides.colors).forEach(([key, value]) => {
-            if (value) {
-              root.style.setProperty(`--color-${key}`, value);
-            }
-          });
-        }
-        if (themeInfo.partialOverrides.fonts) {
-          Object.entries(themeInfo.partialOverrides.fonts).forEach(([key, value]) => {
-            if (value) {
-              root.style.setProperty(`--font-${key}`, value);
-            }
-          });
-        }
-        if (themeInfo.partialOverrides.radii) {
-          Object.entries(themeInfo.partialOverrides.radii).forEach(([key, value]) => {
-            if (value) {
-              root.style.setProperty(`--radius-${key}`, value);
-            }
-          });
-        }
-        if (themeInfo.partialOverrides.shadows) {
-          Object.entries(themeInfo.partialOverrides.shadows).forEach(([key, value]) => {
-            if (value) {
-              root.style.setProperty(`--shadow-${key}`, value);
-            }
-          });
-        }
-        if (themeInfo.partialOverrides.blurs) {
-          Object.entries(themeInfo.partialOverrides.blurs).forEach(([key, value]) => {
-            if (value) {
-              root.style.setProperty(`--blur-${key}`, value);
-            }
-          });
-        }
-      }
-    } else {
-      root.setAttribute("data-theme", themeMode);
-      ALL_THEME_VARS.forEach((varName) => {
-        root.style.removeProperty(varName);
-      });
-    }
-  }, [themeInfo, themeMode]);
-};
-
-// src/theme/context.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-var THEME_STORAGE_KEY = "luno.lastThemePreference";
-var saveThemePreference = (preference) => {
-  try {
-    localStorage.setItem(THEME_STORAGE_KEY, JSON.stringify(preference));
-  } catch (e) {
-  }
-};
-var ThemeContext = createContext2(void 0);
-var isCompleteTheme = (theme) => {
-  return "colors" in theme && "fonts" in theme && "radii" in theme && "shadows" in theme && "blurs" in theme;
-};
-var useSystemTheme = () => {
-  const [systemTheme, setSystemTheme] = useState8(() => {
-    if (typeof window === "undefined") return "light";
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  });
-  useEffect6(() => {
-    if (typeof window === "undefined") return;
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const updateTheme = (e) => {
-      setSystemTheme(e.matches ? "dark" : "light");
-    };
-    updateTheme(mediaQuery);
-    mediaQuery.addEventListener("change", updateTheme);
-    return () => mediaQuery.removeEventListener("change", updateTheme);
-  }, []);
-  return systemTheme;
-};
-var ThemeProvider = ({
-  children,
-  theme: themeOverrides
-}) => {
-  const systemTheme = useSystemTheme();
-  const [themeMode, setThemeMode] = useState8(() => {
-    if (typeof window !== "undefined") {
-      try {
-        const saved = localStorage.getItem(THEME_STORAGE_KEY);
-        if (saved) {
-          const preference = JSON.parse(saved);
-          if (preference?.isAuto) {
-            return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-          } else if (preference?.preferredTheme) {
-            return preference.preferredTheme;
-          }
-        }
-      } catch (e) {
-      }
-    }
-    if (!themeOverrides || isCompleteTheme(themeOverrides)) {
-      return "light";
-    }
-    const overrides = themeOverrides;
-    return overrides.defaultMode || "light";
-  });
-  const [isAutoMode, setIsAutoMode] = useState8(() => {
-    if (typeof window !== "undefined") {
-      try {
-        const saved = localStorage.getItem(THEME_STORAGE_KEY);
-        if (saved) {
-          const preference = JSON.parse(saved);
-          return preference?.isAuto ?? false;
-        }
-      } catch (e) {
-      }
-    }
-    if (!themeOverrides || isCompleteTheme(themeOverrides)) {
-      return false;
-    }
-    const overrides = themeOverrides;
-    return overrides.autoMode ?? false;
-  });
-  const themeInfo = useMemo6(() => {
-    if (!themeOverrides) {
-      return { type: "default", completeTheme: null, partialOverrides: null };
-    }
-    if (isCompleteTheme(themeOverrides)) {
-      return { type: "complete", completeTheme: themeOverrides, partialOverrides: null };
-    }
-    const overrides = themeOverrides;
-    if (overrides.theme) {
-      return { type: "complete", completeTheme: overrides.theme, partialOverrides: null };
-    }
-    let partialOverrides = null;
-    if (themeMode === "light" && overrides.light) {
-      partialOverrides = overrides.light;
-    } else if (themeMode === "dark" && overrides.dark) {
-      partialOverrides = overrides.dark;
-    } else {
-      partialOverrides = { ...overrides };
-    }
-    return { type: "partial", completeTheme: null, partialOverrides };
-  }, [themeMode, themeOverrides]);
-  const currentTheme = useMemo6(() => {
-    return themeInfo.type === "complete" ? themeInfo.completeTheme : null;
-  }, [themeInfo]);
-  useCSSVariableInjection(themeInfo, themeMode);
-  const setThemeChoice = useCallback6((choice) => {
-    const isAuto = choice === "auto";
-    setIsAutoMode(isAuto);
-    if (isAuto) {
-      setThemeMode(systemTheme || "light");
-    } else {
-      setThemeMode(choice);
-    }
-    const preference = {
-      isAuto,
-      ...isAuto ? {} : { preferredTheme: choice }
-    };
-    saveThemePreference(preference);
-  }, [systemTheme]);
-  useEffect6(() => {
-    if (isAutoMode) {
-      setThemeMode(systemTheme || "light");
-    }
-  }, [systemTheme, isAutoMode]);
-  const contextValue = useMemo6(() => ({
-    themeMode,
-    setThemeChoice,
-    currentTheme
-  }), [themeMode, setThemeChoice, currentTheme]);
-  return /* @__PURE__ */ jsx26(ThemeContext.Provider, { value: contextValue, children });
-};
-var useLunoTheme = () => {
-  const context = useContext2(ThemeContext);
-  if (!context) {
-    throw new Error("useLunoTheme must be used within a ThemeProvider (which is part of LunoKitProvider)");
-  }
-  return context;
-};
-
-// src/providers/LunoKitProvider.tsx
-import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
-var LunoKitProvider = ({
-  children,
-  config,
-  queryClientConfig,
-  theme
-}) => {
-  const [queryClient] = useState9(() => new QueryClient(queryClientConfig));
-  return /* @__PURE__ */ jsx27(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx27(LunoProvider, { config, children: /* @__PURE__ */ jsx27(ThemeProvider, { theme, children: /* @__PURE__ */ jsxs13(ModalProvider, { children: [
-    /* @__PURE__ */ jsx27("div", { className: "font-base luno-kit", children }),
-    /* @__PURE__ */ jsx27(RenderModals, { modalSize: config.modalSize })
-  ] }) }) }) });
-};
-var RenderModals = ({ modalSize }) => {
-  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    /* @__PURE__ */ jsx27(ConnectModal, { size: modalSize }),
-    /* @__PURE__ */ jsx27(AccountDetailsModal, {}),
-    /* @__PURE__ */ jsx27(ChainModal, {})
-  ] });
-};
-export {
-  ConnectButton,
-  LunoKitProvider,
-  useLunoTheme
-};
+import{useCallback as fo,useMemo as Ye}from"react";import{useAccount as ho,useActiveConnector as xo,useBalance as go,useChain as wo}from"@luno-kit/react";import le from"react";import*as N from"@radix-ui/react-dialog";import{clsx as Ct}from"clsx";import{extendTailwindMerge as vt}from"tailwind-merge";var bt=vt({extend:{classGroups:{"font-size":["text-xs","text-sm","text-base","text-lg"]}}});function d(...e){return bt(Ct(e))}function Re(e,n){let t;return()=>{t&&clearTimeout(t),t=setTimeout(()=>{t=null,e()},n)}}import{jsx as Pe,jsxs as Nt}from"react/jsx-runtime";var yt=({open:e,onOpenChange:n,children:t,contentClassName:r,overlayClassName:o})=>Pe(N.Root,{open:e,onOpenChange:n,children:Nt(N.Portal,{children:[le.createElement(N.Overlay,{className:d("fixed inset-0 z-[100] bg-modalBackdrop luno-kit","data-[state=open]:[animation:overlay-in_150ms_ease-out]",o)}),Pe(N.Content,{className:d("luno-kit font-body fixed z-[200] text-modalText text-base leading-base","bg-modalBackground shadow-primary focus:outline-none overflow-hidden","transition-all duration-200","rounded-t-modalMobile bottom-0 left-0 w-full","translate-y-0 -translate-x-0","data-[state=open]:[animation:slide-up_200ms_ease-out]","md:bottom-auto md:left-1/2 md:top-1/2 md:-translate-x-1/2 md:-translate-y-1/2","md:w-auto md:rounded-modal","md:data-[state=open]:[animation:dialog-in_150ms_ease-out]",r),children:t})]})}),St=({children:e,className:n})=>le.createElement(N.Title,{className:d("font-heading",n)},e),Mt=({children:e,className:n,onClick:t})=>le.createElement(N.Close,{className:n,onClick:t},e),G=yt,E=Mt,D=St;import{createContext as At,useCallback as me,useContext as ue,useEffect as kt,useMemo as Tt,useState as Rt}from"react";import{ConnectionStatus as q,useStatus as Pt}from"@luno-kit/react";import{jsx as Vt}from"react/jsx-runtime";function de(){let[e,n]=Rt(!1),t=me(()=>n(!0),[]),r=me(()=>n(!1),[]);return{isOpen:e,open:t,close:r}}var K=At(void 0),Ve=({children:e})=>{let{isOpen:n,open:t,close:r}=de(),{isOpen:o,open:a,close:i}=de(),{isOpen:m,open:p,close:u}=de(),f=Pt(),c=me(()=>{r(),i(),u()},[r,i,u]);kt(()=>{f===q.Disconnected&&(i(),u())},[f,i,u]);let s=Tt(()=>({isConnectModalOpen:n,isAccountModalOpen:o,isChainModalOpen:m,openConnectModal:f!==q.Connected?t:void 0,closeConnectModal:r,openAccountModal:f===q.Connected?a:void 0,closeAccountModal:i,openChainModal:f===q.Connected?p:void 0,closeChainModal:u,closeAllModals:c}),[n,t,r,o,a,i,m,p,u,c,f]);return Vt(K.Provider,{value:s,children:e})},J=()=>{let e=ue(K);if(!e)throw new Error("[ModalContext]: useConnectModal must be used within a ModalProvider");return{isOpen:e.isConnectModalOpen,open:e.openConnectModal,close:e.closeConnectModal}},Y=()=>{let e=ue(K);if(!e)throw new Error("[ModalContext]: useAccountModal must be used within a ModalProvider");return{isOpen:e.isAccountModalOpen,open:e.openAccountModal,close:e.closeAccountModal}},X=()=>{let e=ue(K);if(!e)throw new Error("[ModalContext]: useChainModal must be used within a ModalProvider");return{isOpen:e.isChainModalOpen,open:e.openChainModal,close:e.closeChainModal}};import{jsx as Ie}from"react/jsx-runtime";var It=e=>Ie("svg",{xmlns:"http://www.w3.org/2000/svg",className:"arrow_svg__icon",viewBox:"0 0 256 256",width:"20",height:"20",fill:"currentColor",...e,children:Ie("path",{d:"M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"})}),pe=It;import{jsx as Be}from"react/jsx-runtime";var Bt=e=>Be("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e,children:Be("path",{d:"M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"})}),W=Bt;import{jsx as Ee}from"react/jsx-runtime";var Et=e=>Ee("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e,children:Ee("path",{d:"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"})}),V=Et;import{jsx as De}from"react/jsx-runtime";var Dt=e=>De("svg",{xmlns:"http://www.w3.org/2000/svg",className:"copy_svg__icon",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 256 256",...e,children:De("path",{d:"M216,28H88A12,12,0,0,0,76,40V76H40A12,12,0,0,0,28,88V216a12,12,0,0,0,12,12H168a12,12,0,0,0,12-12V180h36a12,12,0,0,0,12-12V40A12,12,0,0,0,216,28ZM156,204H52V100H156Zm48-48H180V88a12,12,0,0,0-12-12H100V52H204Z"})}),fe=Dt;import{jsx as Le}from"react/jsx-runtime";var Lt=e=>Le("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",width:"20",height:"20",...e,children:Le("path",{d:"M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z"})}),he=Lt;import{jsx as Oe}from"react/jsx-runtime";var Ot=e=>Oe("svg",{xmlns:"http://www.w3.org/2000/svg",className:"list_svg__icon",viewBox:"0 0 256 256",width:"20",height:"20",fill:"currentColor",...e,children:Oe("path",{d:"M232,48V88a8,8,0,0,1-16,0V56H184a8,8,0,0,1,0-16h40A8,8,0,0,1,232,48ZM72,200H40V168a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16Zm152-40a8,8,0,0,0-8,8v32H184a8,8,0,0,0,0,16h40a8,8,0,0,0,8-8V168A8,8,0,0,0,224,160ZM32,96a8,8,0,0,0,8-8V56H72a8,8,0,0,0,0-16H32a8,8,0,0,0-8,8V88A8,8,0,0,0,32,96ZM188,167l-56,32a8,8,0,0,1-7.94,0L68,167A8,8,0,0,1,64,160V96a8,8,0,0,1,4-7l56-32a8,8,0,0,1,7.94,0l56,32a8,8,0,0,1,4,7v64A8,8,0,0,1,188,167ZM88.12,96,128,118.79,167.88,96,128,73.21ZM80,155.36l40,22.85V132.64L80,109.79Zm96,0V109.79l-40,22.85v45.57Z"})}),xe=Ot;import{jsx as _e}from"react/jsx-runtime";var _t=e=>_e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",className:"loading_svg__icon",viewBox:"0 0 256 256",...e,children:_e("path",{d:"M236,128a108,108,0,0,1-216,0c0-42.52,24.73-81.34,63-98.9A12,12,0,1,1,93,50.91C63.24,64.57,44,94.83,44,128a84,84,0,0,0,168,0c0-33.17-19.24-63.43-49-77.09A12,12,0,1,1,173,29.1C211.27,46.66,236,85.48,236,128Z"})}),Q=_t;import{jsx as He}from"react/jsx-runtime";var Ht=e=>He("svg",{xmlns:"http://www.w3.org/2000/svg",className:"success_svg__icon",viewBox:"0 0 256 256",width:"20",height:"20",fill:"currentColor",...e,children:He("path",{d:"M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"})}),ge=Ht;import{jsx as Ge}from"react/jsx-runtime";var Gt=e=>Ge("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",className:"switch_svg__icon",viewBox:"0 0 256 256",fill:"currentColor",...e,children:Ge("path",{d:"M253.66,133.66l-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L216,132.69V128A88,88,0,0,0,56.49,76.67a8,8,0,0,1-13-9.34A104,104,0,0,1,232,128v4.69l10.34-10.35a8,8,0,0,1,11.32,11.32Zm-41.18,55A104,104,0,0,1,24,128v-4.69L13.66,133.66A8,8,0,0,1,2.34,122.34l24-24a8,8,0,0,1,11.32,0l24,24a8,8,0,0,1-11.32,11.32L40,123.31V128a87.62,87.62,0,0,0,22.24,58.41A79.66,79.66,0,0,1,98.3,157.66a48,48,0,1,1,59.4,0,79.59,79.59,0,0,1,36.08,28.78,89.68,89.68,0,0,0,5.71-7.11,8,8,0,0,1,13,9.34ZM128,152a32,32,0,1,0-32-32A32,32,0,0,0,128,152Zm0,64a88.2,88.2,0,0,0,53.92-18.49,64,64,0,0,0-107.84,0A87.57,87.57,0,0,0,128,216Z"})}),we=Gt;import{useMemo as Ft}from"react";import{jsx as Fe}from"react/jsx-runtime";var F=({chainIconUrl:e,chainName:n,className:t})=>e?Fe("img",{src:e,alt:n||"Chain icon",className:d("w-full h-full object-cover rounded-full",t)}):Fe("div",{className:d("w-full h-full bg-gray-500 text-modalText font-semibold","flex items-center justify-center rounded-full",t),children:n?n.charAt(0).toUpperCase():"C"});import{useAccount as $t,useChain as Zt,useDisconnect as zt,getExplorerUrl as Wt}from"@luno-kit/react";import{Fragment as Ze,jsx as v,jsxs as $}from"react/jsx-runtime";var ze=({onViewChange:e,onModalClose:n})=>{let{address:t}=$t(),{chain:r}=Zt(),{disconnectAsync:o}=zt(),a=Ft(()=>[{key:"Chain Name",content:$("div",{className:"flex items-stretch w-full justify-between",children:[$("div",{className:"flex items-center gap-2",children:[v(F,{className:"w-[20px] h-[20px]",chainIconUrl:r?.chainIconUrl,chainName:r?.name}),v("span",{className:"text-base text-modalText",children:r?.name||"Polkadot"})]}),v("div",{className:"flex items-center justify-center",children:v(pe,{className:"w-[16px] h-[16px] "})})]}),onClick:()=>e("switchChain")},{key:"View on Explorer",content:$(Ze,{children:[v(xe,{}),v("span",{className:"text-base text-accountActionItemText",children:"View on Explorer"})]}),onClick:()=>window.open(Wt(r?.blockExplorers?.default?.url,t,"address"))},{key:"Switch Account",content:$(Ze,{children:[v(we,{}),v("span",{className:"text-base text-accountActionItemText",children:"Switch Account"})]}),onClick:()=>e("switchAccount")}],[e,r,t]),i=async()=>{await o(),n()};return $("div",{className:"flex flex-col items-center gap-3 w-full",children:[v("div",{className:"flex flex-col gap-1.5 w-full px-4",children:a.map(m=>v($e,{onClick:m.onClick,children:m.content},m.key))}),v("div",{className:"w-full mx-[-100px] h-[1px] bg-cutLine"}),v("div",{className:"w-full px-4 pb-4",children:$($e,{onClick:i,children:[v(he,{}),v("span",{className:"font-medium text-base text-accountActionItemText",children:"Disconnect"})]})})]})},$e=({children:e,onClick:n})=>v("button",{type:"button",onClick:()=>n?.(),className:d("w-full p-3.5 rounded-accountActionItem border-none text-left flex items-center gap-2 font-medium","bg-accountActionItemBackground hover:bg-accountActionItemBackgroundHover","transition-colors duration-200",n?"cursor-pointer":"cursor-auto"),"aria-label":typeof e=="string"?e:void 0,children:e});import Qt,{useCallback as Ut}from"react";import{useAccount as jt,useAccounts as qt,useActiveConnector as Kt,useBalance as Jt,useChain as Yt}from"@luno-kit/react";import{formatAddress as Xt}from"@luno-kit/react";import{Fragment as to,jsx as I,jsxs as ee}from"react/jsx-runtime";var Ce=({onBack:e})=>{let{accounts:n,selectAccount:t}=qt(),{address:r}=jt(),o=Ut(a=>{t(a),e()},[e]);return I("div",{className:"flex flex-col gap-1.5 pt-3 overflow-auto max-h-[400px] no-scrollbar p-4 pt-0",children:n.map(a=>I(eo,{account:a,isSelected:a.address===r,selectAccount:o},a.address))})};Ce.title="Switch Accounts";var eo=Qt.memo(({isSelected:e,account:n,selectAccount:t})=>{let{chain:r}=Yt(),o=n.address,{data:a}=Jt({address:o}),i=Kt();return ee("button",{type:"button",onClick:()=>t(n),className:d("px-3.5 py-2.5 w-full rounded-accountSelectItem border-none","bg-accountSelectItemBackground","text-left flex items-center justify-between gap-2","transition-colors duration-200",e?"cursor-auto":"cursor-pointer hover:bg-accountSelectItemBackgroundHover"),"aria-label":n.name||o,disabled:e,children:[ee("div",{className:"flex items-center gap-2",children:[I("div",{className:"shrink-0 w-[24px] h-[24px] bg-pink-500 rounded-full flex items-center justify-center",children:i?.icon&&I("img",{src:i?.icon,alt:"luno account"})}),ee("div",{className:"flex flex-col items-start",children:[I("span",{className:"font-medium text-sm leading-sm text-accountSelectItemText",children:n.name||Xt(o)}),I("span",{className:"text-xs text-modalTextSecondary font-medium",children:a===void 0?I("div",{className:"animate-pulse rounded w-[60px] h-[18px] bg-skeleton"}):ee(to,{children:[a?.formattedTransferable||"0.00"," ",r?.nativeCurrency?.symbol||"DOT"]})})]})]}),e&&I("div",{className:"border-[1px] border-solid border-accentColor rounded-full overflow-hidden flex items-center justify-center w-[18px] h-[18px]",children:I("div",{className:"rounded-full bg-accentColor w-[10px] h-[10px]"})})]})});import oo,{useMemo as no,useState as We}from"react";import{useApi as ro,useChain as ao,useChains as io,useSwitchChain as so}from"@luno-kit/react";import{Fragment as Qe,jsx as y,jsxs as Z}from"react/jsx-runtime";var co=[{key:"All",label:"All"},{key:"Mainnets",label:"Mainnets"},{key:"Testnets",label:"Testnets"}],te=({onChainSwitched:e})=>{let{chain:n}=ao(),t=io(),{switchChainAsync:r}=so(),{isApiReady:o,apiError:a}=ro(),[i,m]=We("All"),[p,u]=We(null),f=no(()=>{switch(i){case"Mainnets":return t.filter(s=>!s.testnet);case"Testnets":return t.filter(s=>s.testnet);case"All":default:return t}},[t,i]),c=async s=>{if(s.genesisHash!==n?.genesisHash&&!(!o&&!a)){u(s.genesisHash);try{await r({chainId:s.genesisHash}),e?.(s)}catch(l){console.error("Failed to switch chain:",l)}finally{u(null)}}};return Z(Qe,{children:[y("div",{className:"flex items-center gap-1.5 w-full",children:co.map(s=>y("button",{onClick:()=>m(s.key),className:d("px-3.5 flex items-center justify-center cursor-pointer min-w-[48px] min-h-[24px] rounded-networkSelectItem text-[12px] leading-[16px] font-medium transition-colors",i===s.key?"bg-navigationButtonBackground text-modalText":"bg-transparent text-modalTextSecondary hover:text-modalText"),children:s.label},s.key))}),y("div",{className:"flex flex-col gap-1.5 overflow-y-auto custom-scrollbar max-h-[450px]",children:f.map(s=>y(lo,{chain:s,isSelected:s.genesisHash===n?.genesisHash,onSelect:c,isLoading:(p===s.genesisHash||!o)&&!a},s.genesisHash))}),f.length===0&&y("div",{className:"flex items-center justify-center py-12",children:Z("span",{className:"text-modalTextSecondary text-xs",children:["No ",i==="All"?"chains":i.toLowerCase()," available"]})})]})},lo=oo.memo(({chain:e,isSelected:n,isLoading:t,onSelect:r})=>Z("button",{onClick:()=>r(e),disabled:n||t,className:d("flex items-center justify-between p-2 rounded-sm","bg-networkSelectItemBackground","transition-colors duration-200",n||t?"cursor-default":"cursor-pointer hover:bg-networkSelectItemBackgroundHover",t&&"opacity-80"),children:[Z("div",{className:"flex items-center gap-2",children:[y(F,{className:"w-[24px] bg-modal-bg h-[24px] flex items-center justify-center",chainIconUrl:e?.chainIconUrl,chainName:e?.name}),y("div",{className:"flex flex-col items-start",children:y("span",{className:"font-medium text-base text-modalText",children:e.name})})]}),y("div",{className:"flex items-center justify-center h-[20px]",children:n?t?Z(Qe,{children:[y("span",{className:"text-accentColor text-xs leading-xs mr-1.5",children:"Switching"}),y(Q,{className:"text-accentColor animate-[spin_2s_linear_infinite]",width:"15px",height:"15px"})]}):Z("span",{className:"status-dot-container",children:[y("span",{className:"ping-animation"}),y("span",{className:"status-dot"})]}):null})]}));import{jsx as Ue}from"react/jsx-runtime";var oe=({onBack:e})=>Ue("div",{className:"flex flex-col gap-3.5 p-4 pt-0",children:Ue(te,{})});oe.title="Select Networks";import{useCallback as mo,useState as uo}from"react";import{jsx as je,jsxs as po}from"react/jsx-runtime";var ne=({copyText:e,label:n,className:t=""})=>{let[r,o]=uo(!1),a=mo(async i=>{try{return navigator.clipboard&&navigator.clipboard.writeText?(await navigator.clipboard.writeText(i),o(!0),setTimeout(()=>o(!1),2e3),!0):!1}catch(m){return console.error("Copy failed:",m),!1}},[]);return po("button",{type:"button",className:d("cursor-pointer bg-transparent border-none p-0 m-0 inline-flex items-center justify-center gap-1",t),onClick:()=>!r&&e&&a(e),"aria-label":"Copy address to clipboard",disabled:r,children:[r?je(ge,{className:"text-accentColor",width:16,height:16}):je(fe,{width:16,height:16}),n]})};import{formatAddress as Co}from"@luno-kit/react";import{useCallback as qe,useState as Ke,useRef as Je}from"react";function re({initialView:e,animationDuration:n=200,animationEasing:t="ease-out"}){let[r,o]=Ke(e),[a,i]=Ke(!1),m=Je(null),p=Je(null),u=qe(c=>{if(c===r||a)return;if(i(!0),!m.current){o(c),i(!1);return}let s=m.current,l=s.offsetHeight;o(c),requestAnimationFrame(()=>{if(!s||!p.current){i(!1);return}let h=p.current.offsetHeight;s.animate([{height:l+"px"},{height:h+"px"}],{duration:n,easing:t,fill:"forwards"}).addEventListener("finish",()=>{i(!1)})})},[r,a,n,t]),f=qe(()=>{o(e),i(!1)},[e]);return{currentView:r,isAnimating:a,containerRef:m,currentViewRef:p,handleViewChange:u,resetView:f}}import{Fragment as Xe,jsx as g,jsxs as H}from"react/jsx-runtime";var et=()=>{let{isOpen:e,close:n}=Y(),{address:t}=ho(),{chain:r}=wo(),{data:o}=go({address:t}),a=xo(),{currentView:i,containerRef:m,currentViewRef:p,handleViewChange:u,resetView:f}=re({initialView:"main"}),c=fo(()=>{n(),f()},[n]),s=Ye(()=>i==="switchAccount"?"Switch Account":i==="switchChain"?oe.title:null,[i]),l=Ye(()=>({main:g(ze,{onViewChange:u,onModalClose:c}),switchAccount:g(Ce,{onBack:()=>u("main")}),switchChain:g(oe,{onBack:()=>u("main")})}),[u,c]);return g(G,{open:e,onOpenChange:c,children:H("div",{className:d("flex flex-col w-full md:w-[360px] max-h-[500px] text-modalText","bg-modalBackground shadow-modal",i==="main"?"gap-6":"gap-3.5"),children:[H("div",{className:"flex items-stretch justify-between w-full px-4 pt-4",children:[i==="main"?H("div",{className:"flex items-center gap-3",children:[a?.icon&&g("div",{className:"flex items-center justify-center w-[55px] h-[55px]",children:g("img",{src:a.icon,alt:""})}),H("div",{className:"flex flex-col items-start gap-2 w-full",children:[g(D,{className:"sr-only",children:"Account Details"}),H("div",{className:"flex items-center gap-1.5 w-full",children:[g("span",{className:"text-base text-modalText font-semibold",children:Co(t)}),g(ne,{copyText:t})]}),g("div",{className:"text-sm text-modalTextSecondary font-medium min-h-[20px]",children:o===void 0?g("div",{className:"animate-pulse rounded w-[80px] h-[20px] bg-skeleton"}):H(Xe,{children:[o?.formattedTransferable||"0.00"," ",r?.nativeCurrency?.symbol||"DOT"]})})]})]}):H(Xe,{children:[g("button",{className:"flex items-center justify-center w-[30px] h-[30px] cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",onClick:()=>u("main"),"aria-label":"Back",children:g(W,{})}),g(D,{className:"text-lg leading-lg text-modalText font-semibold transition-opacity duration-300",children:s})]}),g(E,{className:"z-10 flex items-center justify-center h-[30px] w-[30px] rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200 cursor-pointer",children:g(V,{})})]}),g("div",{ref:m,className:"relative overflow-hidden",children:g("div",{ref:p,children:l[i]})})]})})};import{jsx as z,jsxs as tt}from"react/jsx-runtime";var ot=()=>{let{isOpen:e,close:n}=X();return z(G,{open:e,onOpenChange:t=>!t&&n(),children:tt("div",{className:"flex flex-col w-full md:w-[360px] max-h-[500px] p-4 gap-3.5 text-modalText",children:[tt("div",{className:"flex items-center justify-between w-full",children:[z("div",{className:"w-[30px]"})," ",z(D,{className:"text-lg leading-lg text-modalText font-semibold transition-opacity duration-300",children:"Select Network"}),z(E,{className:"z-10 flex items-center justify-center h-[30px] w-[30px] rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover transition-colors duration-200 cursor-pointer",children:z(V,{})})]}),z(te,{})]})})};import{useEffect as ye,useMemo as Oo,useState as dt}from"react";import{useConnect as _o,isMobileDevice as Ho}from"@luno-kit/react";import{useStatus as vo,useAccount as bo,useChain as yo,useBalance as So,ConnectionStatus as ae,useChains as Mo,useActiveConnector as No,formatAddress as Ao}from"@luno-kit/react";function nt(){let e=vo(),{account:n,address:t}=bo(),{chain:r}=yo(),o=Mo(),{data:a}=So({address:t}),i=No(),{open:m,isOpen:p}=J(),{open:u,isOpen:f}=Y(),{open:c,isOpen:s}=X(),l=e===ae.Connecting,h=e===ae.Connected,x=e===ae.Disconnected||e===ae.Disconnecting,R=!!r&&o.some(C=>C.genesisHash.toLowerCase()===r.genesisHash.toLowerCase());return{activeConnector:i,connectionStatus:e,isConnected:h,isDisconnected:x,isConnecting:l,account:n,address:t,displayAddress:Ao(t),currentChain:r,configuredChains:o,isChainSupported:R,chainIconUrl:r?.chainIconUrl,chainName:r?.name,balance:a,openConnectModal:m,openAccountModal:u,openChainModal:c,isConnectModalOpen:p,isAccountModalOpen:f,isChainModalOpen:s}}import{useEffect as ko,useState as To}from"react";var ie=()=>{let[e,n]=To({height:void 0,width:void 0});return ko(()=>{let t=Re(()=>{n({height:window.innerHeight,width:window.innerWidth})},500);return window.addEventListener("resize",t),t(),()=>window.removeEventListener("resize",t)},[]),e};import Eo from"react";import{Cuer as Ro}from"cuer";import{jsx as L,jsxs as rt}from"react/jsx-runtime";var at=({logoBackground:e,uri:n,size:t})=>{if(!n){let a=Math.floor(14.25),i=t/57,m=a*i,p=Math.floor(57/2-a/2),u=p+a,f=()=>{let l=[];for(let h=0;h<57;h++)for(let x=0;x<57;x++){if(h>=p&&h<=u&&x>=p&&x<=u||h<8&&x<8||h<8&&x>=49||h>=49&&x<8)continue;let C=x+.5,S=h+.5;l.push(L("rect",{x:C-.4,y:S-.4,width:.8,height:.8,rx:.4,fill:"var(--color-walletSelectItemBackground)"},`${h}-${x}`))}return l},c=({position:l})=>{let h=7*i,x={"top-left":{top:0,left:0},"top-right":{top:0,right:0},"bottom-left":{bottom:0,left:0}};return rt("div",{className:"absolute z-[4]",style:{width:`${h}px`,height:`${h}px`,...x[l]},children:[L("div",{className:"absolute inset-0",style:{borderRadius:`${2*i}px`,border:`${i}px solid var(--color-walletSelectItemBackground)`}}),L("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",style:{width:`${3*i}px`,height:`${3*i}px`,borderRadius:`${.5*i}px`,backgroundColor:"var(--color-walletSelectItemBackground)"}})]})},s=()=>{let l=Math.ceil(28.5-a/2)*i;return L("div",{className:"absolute z-[4] flex items-center justify-center box-border",style:{width:`${m}px`,height:`${m}px`,left:`${l}px`,top:`${l}px`,borderRadius:`${i}px`,padding:`${i/2}px`},children:L("img",{src:e,alt:"QR Code Logo",className:"h-full w-full object-cover",style:{borderRadius:`${i}px`}})})};return rt("div",{className:"relative overflow-hidden flex items-center justify-center",style:{width:t,height:t,borderRadius:`${2*i}px`},children:[L("svg",{className:"absolute inset-0 z-[3]",width:t,height:t,viewBox:"0 0 57 57",children:f()}),L("div",{className:"absolute inset-0 z-[100]",style:{background:"linear-gradient(90deg, transparent 50%, var(--color-walletSelectItemBackgroundHover), transparent)",backgroundSize:"200% 100%",transform:"scale(1.5) rotate(45deg)",animation:"shimmer 1000ms linear infinite both"}}),c({position:"top-left"}),c({position:"top-right"}),c({position:"bottom-left"}),e&&s()]})}return L(Ro,{arena:e,value:n})};import{jsx as O,jsxs as U}from"react/jsx-runtime";var j="transition-transform transition-[125] hover:scale-[1.03] transition-ease",Po=({className:e,label:n="Connect Wallet",accountStatus:t="full",chainStatus:r="full",showBalance:o=!0})=>{let{isConnected:a,isDisconnected:i,displayAddress:m,balance:p,openConnectModal:u,openAccountModal:f,openChainModal:c,chainIconUrl:s,chainName:l,currentChain:h,activeConnector:x}=nt(),{width:R}=ie(),C=R&&R>768;return i||!a||!x?O("button",{type:"button",onClick:()=>u?.(),className:d("cursor-pointer font-semibold inline-flex items-center justify-center focus:outline-none","text-connectButtonText bg-connectButtonBackground shadow-button active:scale-[0.95]","rounded-connectButton",j,"px-3.5 text-base leading-base min-h-[40px]",e),children:n}):U("div",{className:d("text-modalText flex items-stretch bg-transparent font-semibold text-base leading-base gap-3",e),children:[r!=="none"&&U("button",{type:"button",onClick:()=>c?.(),className:d("flex items-center rounded-currentNetworkButton cursor-pointer","bg-currentNetworkButtonBackground shadow-button","py-2 px-2.5 gap-1.5",j),"aria-label":"Switch chain",children:[r==="full"||r==="icon"?O(F,{chainIconUrl:s,chainName:l,className:"w-[24px] h-[24px]"}):null,(r==="full"||r==="name")&&C&&O("span",{children:h?.name||"Unknown Chain"})]}),U("button",{type:"button",onClick:()=>f?.(),className:d("flex items-center cursor-pointer rounded-connectButton bg-connectButtonBackground shadow-button",j),"aria-label":"Open account modal",children:[o&&C&&O("div",{className:"p-2 pl-3",children:p===void 0?O("div",{className:"animate-pulse rounded w-[80px] h-[20px] bg-accountActionItemBackgroundHover"}):U("span",{className:"",children:[p?.formattedTransferable||p?.formattedTotal||0,"  ",h?.nativeCurrency?.symbol||""]})}),U("div",{className:d("flex items-center bg-connectButtonInnerBackground border-2 border-connectButtonBackground rounded-connectButton gap-1.5 max-h-[40px]",o&&C?"bg-connectButtonInnerBackground py-1.5 px-2":"bg-connectButtonBackground py-2 px-2.5"),children:[t==="full"&&O("span",{className:"w-[24px] h-[24px]",children:O("img",{src:x.icon,alt:"luno"})}),O("span",{"aria-label":"Wallet icon placeholder",className:"",children:m})]})]})]})};import{useEffect as Vo,useRef as Io}from"react";import{jsx as Bo}from"react/jsx-runtime";var it=({size:e=160,dotCount:n=300,duration:t=3,className:r=""})=>{let o=Io(null);return Vo(()=>{if(!o.current)return;let a=1,i=2,m=Math.PI*(3-Math.sqrt(5)),p=e/2,u=p-i-a,f="http://www.w3.org/2000/svg";o.current.innerHTML="";let c=document.createElementNS(f,"svg");c.setAttribute("width",e.toString()),c.setAttribute("height",e.toString()),c.setAttribute("viewBox",`0 0 ${e} ${e}`),c.style.display="block",o.current.appendChild(c);for(let s=0;s<n;s++){let l=s+.5,h=l/n,x=Math.sqrt(h)*u,R=l*m,C=p+x*Math.cos(R),S=p+x*Math.sin(R),P=document.createElementNS(f,"circle");P.setAttribute("cx",C.toString()),P.setAttribute("cy",S.toString()),P.setAttribute("r",a.toString()),P.setAttribute("fill","currentColor"),P.setAttribute("opacity","0.6"),c.appendChild(P);let b=document.createElementNS(f,"animate");b.setAttribute("attributeName","r"),b.setAttribute("values",`${a*.5};${a*1.8};${a*.5}`),b.setAttribute("dur",`${t}s`),b.setAttribute("begin",`${h*t}s`),b.setAttribute("repeatCount","indefinite"),b.setAttribute("calcMode","spline"),b.setAttribute("keySplines","0.4 0 0.6 1;0.4 0 0.6 1"),P.appendChild(b);let M=document.createElementNS(f,"animate");M.setAttribute("attributeName","opacity"),M.setAttribute("values","0.2;1;0.2"),M.setAttribute("dur",`${t}s`),M.setAttribute("begin",`${h*t}s`),M.setAttribute("repeatCount","indefinite"),M.setAttribute("calcMode","spline"),M.setAttribute("keySplines","0.4 0 0.6 1;0.4 0 0.6 1"),P.appendChild(M)}},[e,n,t]),Bo("div",{ref:o,className:d("text-accentColor inline-flex w-full h-full justify-center align-center",r)})};import{Fragment as st,jsx as w,jsxs as B}from"react/jsx-runtime";var ve=Eo.memo(({selectedConnector:e,onConnect:n,qrCode:t,isWide:r,connectState:o})=>{let a=e?.hasConnectionUri();return B("div",{className:d("flex flex-col items-center",r?"w-[400px] p-4 min-h-[472px]":"justify-center w-full min-h-[400px]"),children:[r&&w("div",{className:"w-full",children:B("div",{className:"flex items-center justify-between",children:[w("div",{}),w(E,{className:"z-10 w-[30px] h-[30px] flex items-center justify-center cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",children:w(V,{})})]})}),w("div",{className:d("flex items-center py-12 flex-col grow justify-start",e&&a?"max-w-[220px]":"max-w-[360px]"),children:e?a?B("div",{className:"flex flex-col items-center gap-4",children:[w(at,{size:220,logoBackground:e.icon,uri:t}),B("div",{className:"text-secondaryFont leading-secondary font-[500] text-center",children:["Scan the QR Code with ",e.id==="nova"?"the Nova app":"your phone"]}),e.links?.browserExtension?B("p",{onClick:()=>window.open(e.links.browserExtension),className:"cursor-pointer pt-[16px] text-base leading-base text-accentColor font-bold text-center",children:["Don\u2018t have ",e.name,"?"]}):t?w(ne,{className:"text-sm leading-sm text-accentColor",copyText:t,label:"Copy Link"}):null]}):B(st,{children:[w("div",{className:"w-[102px] h-[102px] pb-[16px]",children:w("img",{src:e.icon,className:"w-full h-full",alt:""})}),B("p",{className:"pb-[10px] text-primary leading-primary text-modalFont font-[600]",children:["Opening ",e.name,"..."]}),w("p",{className:"pb-[10px] text-secondaryFont text-secondary leading-secondary font-[500] text-center",children:"Confirm connection in the extension"}),o.isConnecting&&w(Q,{className:"w-[24px] h-[24px] text-secondaryFont animate-[spin_3s_linear_infinite]"}),!e.isInstalled()&&e.links.browserExtension&&B("p",{onClick:()=>window.open(e.links.browserExtension),className:"cursor-pointer pt-[16px] text-base leading-base text-accentColor font-bold text-center",children:["Don\u2018t have ",e.name,"?"]}),!o.isConnecting&&o.isError&&e.isInstalled()&&w("button",{className:d("rounded-connectButton focus:outline-none py-[4px] px-[12px] cursor-pointer font-[600] text-primaryFont bg-connectButtonBackground shadow-connectButton active:scale-[0.95]",j),onClick:()=>n(e),children:"Retry"})]}):B(st,{children:[w("div",{className:"w-[160px] h-[160px] mb-4",children:w(it,{})}),w("p",{className:"cursor-pointer pb-[16px] text-base leading-base text-accentColor font-bold text-center",children:"New to wallets?"}),w("p",{className:"text-modalTextSecondary text-sm leading-sm font-medium text-center",children:"Your gateway to the decentralized world Connect a wallet to get started"})]})}),w("div",{})]})});import ct from"react";import{useConnectors as Do,isMobileDevice as Lo}from"@luno-kit/react";import{jsx as T,jsxs as se}from"react/jsx-runtime";var lt=ct.memo(({onConnect:e})=>{let n=Do();if(Lo()){let o=n.filter(a=>a.links.deepLink);return T("div",{className:"flex flex-col items-start gap-1 w-full",children:o.map(a=>T(be,{connector:a,onConnect:()=>e(a)},`${a.id}-${a.name}`))})}let t=n.filter(o=>o.isInstalled()),r=n.filter(o=>!o.isInstalled());return se("div",{className:"flex flex-col items-start gap-4 w-full",children:[se("div",{className:"flex flex-col items-start gap-3 w-full",children:[T("div",{className:"text-base text-modalText font-semibold leading-base",children:"Installed"}),T("div",{className:"flex flex-col items-start gap-1.5 w-full",children:t.map(o=>T(be,{connector:o,onConnect:()=>e(o)},o.id))})]}),r.length>0&&se("div",{className:"flex flex-col items-start gap-3 w-full",children:[T("div",{className:"text-base text-modalText font-semibold leading-base",children:"More"}),T("div",{className:"flex flex-col items-start gap-1 w-full",children:r.map(o=>T(be,{connector:o,onConnect:()=>e(o)},o.id))})]})]})}),be=ct.memo(({connector:e,onConnect:n})=>se("button",{onClick:n,className:d("cursor-pointer bg-walletSelectItemBackground p-2 w-full flex items-center gap-3 rounded-walletSelectItem border-none","hover:bg-walletSelectItemBackgroundHover transition-transform active:scale-[0.95]","text-left"),children:[T("div",{className:"w-[24px] h-[24px]",children:T("img",{src:e.icon,alt:e.name,className:"w-full h-full"})}),T("span",{className:"font-semibold leading-base text-base text-modalText",children:e.name})]}));import{Fragment as Go,jsx as A,jsxs as ce}from"react/jsx-runtime";var mt=({size:e="wide"})=>{let{isOpen:n,close:t}=J(),{connectAsync:r,reset:o,isPending:a,isError:i}=_o(),[m,p]=dt(null),[u,f]=dt(),{width:c}=ie(),s=c&&c>768,l=!!(e==="wide"&&s),{containerRef:h,currentViewRef:x,resetView:R,handleViewChange:C,currentView:S}=re({initialView:"Connect Wallet"}),P=async k=>{let Te=await k.getConnectionUri();f(Te)},b=async k=>{if(Ho()&&k.links.deepLink)try{await r({connectorId:k.id}),M(!1);return}catch{window.location.href=`${k.links.deepLink}?url=${window.location.href}`;return}!l&&C("walletView"),p(k),f(void 0),k.hasConnectionUri()&&P(k),await r({connectorId:k.id}),M(!1)},M=k=>{!k&&t(),o(),R(),p(null),f(void 0)},wt=Oo(()=>({"Connect Wallet":A(lt,{onConnect:b}),walletView:A(ve,{connectState:{isConnecting:a,isError:i},isWide:l,selectedConnector:m,qrCode:u,onConnect:b})}),[l,m,u,b,a,i]);return ye(()=>{l&&S==="walletView"&&C("Connect Wallet")},[l,S]),ye(()=>{l&&S==="walletView"&&C("Connect Wallet")},[l,S]),ye(()=>{l&&S==="walletView"&&C("Connect Wallet")},[l,S]),A(G,{open:n,onOpenChange:M,children:ce("div",{className:d("flex items-stretch justify-between w-full md:max-h-[504px] md:max-w-[724px]"),children:[ce("div",{className:d("flex flex-col items-start py-4 px-5 md:min-w-[360px] w-full md:w-auto",l&&"border-r-[1px] border-r-solid border-r-separatorLine"),children:[ce("div",{className:d("flex items-center justify-between w-full",!l&&"pb-4"),children:[S==="Connect Wallet"?A(D,{className:d("text-lg leading-lg text-modalText font-bold",l&&"pb-6"),children:"Connect Wallet"}):ce(Go,{children:[A("button",{className:"flex items-center justify-center w-[30px] h-[30px] cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",onClick:()=>C("Connect Wallet"),"aria-label":"Back",children:A(W,{})}),A(D,{className:d("text-lg leading-lg text-modalText font-semibold transition-opacity duration-300",!m?.hasConnectionUri()&&"sr-only"),children:m?.hasConnectionUri()&&"Scan by your phone"})]}),!l&&A(E,{className:"z-10 w-[30px] h-[30px] flex items-center justify-center cursor-pointer rounded-modalControlButton border-none hover:bg-modalControlButtonBackgroundHover  transition-colors duration-200",children:A(V,{})})]}),A("div",{ref:h,className:"relative overflow-hidden w-full",children:A("div",{ref:x,children:wt[S]})})]}),l&&A(ve,{connectState:{isConnecting:a,isError:i},isWide:l,selectedConnector:m,qrCode:u,onConnect:b})]})})};import{useState as jo}from"react";import{LunoProvider as qo}from"@luno-kit/react";import{QueryClient as Ko,QueryClientProvider as Jo}from"@tanstack/react-query";import{createContext as $o,useState as Ne,useContext as Zo,useMemo as Se,useCallback as zo,useEffect as ft}from"react";import{useEffect as Fo}from"react";var ut=["--color-accentColor","--color-walletSelectItemBackground","--color-walletSelectItemBackgroundHover","--color-walletSelectItemText","--color-connectButtonBackground","--color-connectButtonInnerBackground","--color-connectButtonText","--color-accountActionItemBackground","--color-accountActionItemBackgroundHover","--color-accountActionItemText","--color-accountSelectItemBackground","--color-accountSelectItemBackgroundHover","--color-accountSelectItemText","--color-currentNetworkButtonBackground","--color-currentNetworkButtonText","--color-networkSelectItemBackground","--color-networkSelectItemBackgroundHover","--color-networkSelectItemText","--color-navigationButtonBackground","--color-separatorLine","--color-modalBackground","--color-modalBackdrop","--color-modalBorder","--color-modalText","--color-modalTextSecondary","--color-modalControlButtonBackgroundHover","--color-modalControlButtonText","--color-success","--color-successForeground","--color-warning","--color-warningForeground","--color-error","--color-errorForeground","--color-info","--color-infoForeground","--color-skeleton","--color-cutLine","--font-body","--font-heading","--font-mono","--radius-walletSelectItem","--radius-connectButton","--radius-modalControlButton","--radius-accountActionItem","--radius-accountSelectItem","--radius-currentNetworkButton","--radius-networkSelectItem","--radius-modal","--radius-modalMobile","--shadow-button","--shadow-modal","--blur-modalOverlay"],pt=(e,n)=>{Fo(()=>{if(typeof window>"u")return;let t=document.documentElement;e.type==="complete"&&e.completeTheme?(Object.entries(e.completeTheme.colors).forEach(([r,o])=>{o&&t.style.setProperty(`--color-${r}`,o)}),Object.entries(e.completeTheme.fonts).forEach(([r,o])=>{o&&t.style.setProperty(`--font-${r}`,o)}),Object.entries(e.completeTheme.radii).forEach(([r,o])=>{o&&t.style.setProperty(`--radius-${r}`,o)}),Object.entries(e.completeTheme.shadows).forEach(([r,o])=>{o&&t.style.setProperty(`--shadow-${r}`,o)}),Object.entries(e.completeTheme.blurs).forEach(([r,o])=>{o&&t.style.setProperty(`--blur-${r}`,o)}),t.removeAttribute("data-theme")):e.type==="partial"&&e.partialOverrides?(t.setAttribute("data-theme",n),Object.keys(e.partialOverrides).length>0&&(ut.forEach(o=>{t.style.removeProperty(o)}),e.partialOverrides.colors&&Object.entries(e.partialOverrides.colors).forEach(([o,a])=>{a&&t.style.setProperty(`--color-${o}`,a)}),e.partialOverrides.fonts&&Object.entries(e.partialOverrides.fonts).forEach(([o,a])=>{a&&t.style.setProperty(`--font-${o}`,a)}),e.partialOverrides.radii&&Object.entries(e.partialOverrides.radii).forEach(([o,a])=>{a&&t.style.setProperty(`--radius-${o}`,a)}),e.partialOverrides.shadows&&Object.entries(e.partialOverrides.shadows).forEach(([o,a])=>{a&&t.style.setProperty(`--shadow-${o}`,a)}),e.partialOverrides.blurs&&Object.entries(e.partialOverrides.blurs).forEach(([o,a])=>{a&&t.style.setProperty(`--blur-${o}`,a)}))):(t.setAttribute("data-theme",n),ut.forEach(r=>{t.style.removeProperty(r)}))},[e,n])};import{jsx as Uo}from"react/jsx-runtime";var Ae="luno.lastThemePreference",Wo=e=>{try{localStorage.setItem(Ae,JSON.stringify(e))}catch{}},ht=$o(void 0),Me=e=>"colors"in e&&"fonts"in e&&"radii"in e&&"shadows"in e&&"blurs"in e,Qo=()=>{let[e,n]=Ne(()=>typeof window>"u"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");return ft(()=>{if(typeof window>"u")return;let t=window.matchMedia("(prefers-color-scheme: dark)"),r=o=>{n(o.matches?"dark":"light")};return r(t),t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[]),e},ke=({children:e,theme:n})=>{let t=Qo(),[r,o]=Ne(()=>{if(typeof window<"u")try{let s=localStorage.getItem(Ae);if(s){let l=JSON.parse(s);if(l?.isAuto)return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";if(l?.preferredTheme)return l.preferredTheme}}catch{}return!n||Me(n)?"light":n.defaultMode||"light"}),[a,i]=Ne(()=>{if(typeof window<"u")try{let s=localStorage.getItem(Ae);if(s)return JSON.parse(s)?.isAuto??!1}catch{}return!n||Me(n)?!1:n.autoMode??!1}),m=Se(()=>{if(!n)return{type:"default",completeTheme:null,partialOverrides:null};if(Me(n))return{type:"complete",completeTheme:n,partialOverrides:null};let c=n;if(c.theme)return{type:"complete",completeTheme:c.theme,partialOverrides:null};let s=null;return r==="light"&&c.light?s=c.light:r==="dark"&&c.dark?s=c.dark:s={...c},{type:"partial",completeTheme:null,partialOverrides:s}},[r,n]),p=Se(()=>m.type==="complete"?m.completeTheme:null,[m]);pt(m,r);let u=zo(c=>{let s=c==="auto";i(s),o(s?t||"light":c);let l={isAuto:s,...s?{}:{preferredTheme:c}};Wo(l)},[t]);ft(()=>{a&&o(t||"light")},[t,a]);let f=Se(()=>({themeMode:r,setThemeChoice:u,currentTheme:p}),[r,u,p]);return Uo(ht.Provider,{value:f,children:e})},xt=()=>{let e=Zo(ht);if(!e)throw new Error("useLunoTheme must be used within a ThemeProvider (which is part of LunoKitProvider)");return e};import{Fragment as Xo,jsx as _,jsxs as gt}from"react/jsx-runtime";var ci=({children:e,config:n,queryClientConfig:t,theme:r})=>{let[o]=jo(()=>new Ko(t));return _(Jo,{client:o,children:_(qo,{config:n,children:_(ke,{theme:r,children:gt(Ve,{children:[_("div",{className:"font-base luno-kit",children:e}),_(Yo,{modalSize:n.modalSize})]})})})})},Yo=({modalSize:e})=>gt(Xo,{children:[_(mt,{size:e}),_(et,{}),_(ot,{})]});export{Po as ConnectButton,ci as LunoKitProvider,xt as useLunoTheme};
 //# sourceMappingURL=index.js.map