@iota/dapp-kit 0.10.4 → 0.11.1

package/dist/cjs/components/AccountDropdownMenu.js

@@ -211,13 +211,16 @@ function useSwitchAccount({
 }
 
 // src/components/AccountDropdownMenu.css.ts
+var accountIdentity = "AccountDropdownMenu_accountIdentity__1x0gmpf8";
+var accountName = "AccountDropdownMenu_accountName__1x0gmpf1";
+var accountNameMenuItem = "AccountDropdownMenu_accountNameMenuItem__1x0gmpf2";
 var connectedAccount = "AccountDropdownMenu_connectedAccount__1x0gmpf0";
-var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf1";
-var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf2";
-var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf4";
-var scrollableContent = "AccountDropdownMenu_scrollableContent__1x0gmpf3";
-var separator = "AccountDropdownMenu_separator__1x0gmpf6";
-var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5";
+var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf3";
+var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf4";
+var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf6";
+var scrollableContent = "AccountDropdownMenu_scrollableContent__1x0gmpf5";
+var separator = "AccountDropdownMenu_separator__1x0gmpf9";
+var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf7";
 
 // src/components/icons/CheckIcon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -246,9 +249,150 @@ function ChevronIcon(props) {
   ) });
 }
 
+// src/components/IotaNameNftImage.tsx
+var import_react6 = require("react");
+
+// src/hooks/useGetIotaNameAvatar.ts
+var import_iota_names_sdk3 = require("@iota/iota-names-sdk");
+var import_react_query4 = require("@tanstack/react-query");
+
+// src/hooks/useGetDefaultIotaName.ts
+var import_iota_names_sdk2 = require("@iota/iota-names-sdk");
+var import_react_query3 = require("@tanstack/react-query");
+
+// src/hooks/useIotaNamesClient.ts
+var import_graphql = require("@iota/iota-sdk/graphql");
+var import_iota_names_sdk = require("@iota/iota-names-sdk");
+var import_client2 = require("@iota/iota-sdk/client");
+var import_react5 = require("react");
+
+// src/hooks/useIotaClient.ts
+var import_react4 = require("react");
+
+// src/components/IotaClientProvider.tsx
+var import_client = require("@iota/iota-sdk/client");
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var IotaClientContext = (0, import_react3.createContext)(null);
+var DEFAULT_NETWORKS = {
+  localnet: { url: (0, import_client.getNetwork)(import_client.Network.Localnet)?.url }
+};
+
+// src/hooks/useIotaClient.ts
+function useIotaClientContext() {
+  const iotaClient = (0, import_react4.useContext)(IotaClientContext);
+  if (!iotaClient) {
+    throw new Error(
+      "Could not find IotaClientContext. Ensure that you have set up the IotaClientProvider"
+    );
+  }
+  return iotaClient;
+}
+function useIotaClient() {
+  return useIotaClientContext().client;
+}
+
+// src/hooks/useIotaNamesClient.ts
+function useIotaNamesClient() {
+  const { network: networkId } = useIotaClientContext();
+  const network = (0, import_client2.getNetwork)(networkId);
+  const iotaNamesClient = (0, import_react5.useMemo)(() => {
+    if (!network.graphql) return null;
+    return new import_iota_names_sdk.IotaNamesClient({
+      graphQlClient: new import_graphql.IotaGraphQLClient({ url: network.graphql }),
+      network: network.id
+    });
+  }, [network.id, network.graphql]);
+  return {
+    iotaNamesClient,
+    networkId: network.id,
+    isSupported: !!iotaNamesClient?.config
+  };
+}
+
+// src/hooks/useGetDefaultIotaName.ts
+function useGetDefaultIotaName(address, iotaNamesEnabled) {
+  const { iotaNamesClient, networkId, isSupported } = useIotaNamesClient();
+  return (0, import_react_query3.useQuery)({
+    queryKey: ["iota-name", "default-name", address, networkId],
+    queryFn: async () => {
+      if (!address) return null;
+      const name = await iotaNamesClient?.getPublicName(address);
+      return name ? (0, import_iota_names_sdk2.normalizeIotaName)(name) : name;
+    },
+    enabled: !!address && iotaNamesEnabled && isSupported,
+    staleTime: 1e3 * 60 * 10
+  });
+}
+
+// src/hooks/useGetIotaNameAvatar.ts
+function useGetIotaNameAvatar(address, iotaNamesEnabled) {
+  const client = useIotaClient();
+  const { iotaNamesClient, networkId, isSupported } = useIotaNamesClient();
+  const { data: name } = useGetDefaultIotaName(address, iotaNamesEnabled);
+  return (0, import_react_query4.useQuery)({
+    // eslint-disable-next-line @tanstack/query/exhaustive-deps
+    queryKey: ["iota-name", "avatar", name, networkId],
+    queryFn: async () => {
+      if (!name || !address || !iotaNamesClient) return null;
+      const nameRecord = await iotaNamesClient.getNameRecord(name);
+      if (!nameRecord) return null;
+      const avatarObjectId = nameRecord.avatar ?? ((0, import_iota_names_sdk3.isSubname)(name) ? await findSubnameNftId() : nameRecord.nftId);
+      if (!avatarObjectId) return null;
+      const objectResponse = await client.getObject({
+        id: avatarObjectId,
+        options: { showDisplay: true }
+      });
+      return objectResponse?.data?.display?.data?.image_url ?? null;
+      async function findSubnameNftId() {
+        let subnameType;
+        try {
+          subnameType = (0, import_iota_names_sdk3.getSubnameRegistrationType)(
+            iotaNamesClient.getPackage("packageId", "v1")
+          );
+        } catch {
+          return null;
+        }
+        const { data } = await client.getOwnedObjects({
+          owner: address,
+          filter: { StructType: subnameType },
+          options: { showDisplay: true }
+        });
+        return data.find((object) => {
+          try {
+            return (0, import_iota_names_sdk3.normalizeIotaName)(object.data?.display?.data?.name ?? "") === name;
+          } catch {
+            return false;
+          }
+        })?.data?.objectId ?? null;
+      }
+    },
+    enabled: iotaNamesEnabled && isSupported && !!name && !!address,
+    staleTime: 1e3 * 60 * 5
+  });
+}
+
+// src/components/IotaNameNftImage.css.ts
+var image = "IotaNameNftImage_image__qs9r060";
+
+// src/components/IotaNameNftImage.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function IotaNameNftImage({
+  address,
+  iotaNamesEnabled,
+  alt = "name NFT avatar"
+}) {
+  const { data: imageUrl, isLoading } = useGetIotaNameAvatar(address, iotaNamesEnabled);
+  const [imgError, setImgError] = (0, import_react6.useState)(false);
+  if (!iotaNamesEnabled || isLoading || !imageUrl || imgError) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: imageUrl, alt, className: image, onError: () => setImgError(true) });
+}
+
 // src/components/styling/StyleMarker.tsx
 var import_react_slot = require("@radix-ui/react-slot");
-var import_react3 = require("react");
+var import_react7 = require("react");
 
 // src/constants/styleDataAttribute.ts
 var styleDataAttributeName = "data-dapp-kit";
@@ -257,25 +401,25 @@ var styleDataAttribute = { [styleDataAttributeName]: "" };
 
 // src/components/styling/StyleMarker.tsx
 var import_StyleMarker_css = __toESM(require_StyleMarker_css());
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var StyleMarker = (0, import_react3.forwardRef)(({ children, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_slot.Slot, { ref: forwardedRef, ...props, ...styleDataAttribute, children }));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var StyleMarker = (0, import_react7.forwardRef)(({ children, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_slot.Slot, { ref: forwardedRef, ...props, ...styleDataAttribute, children }));
 StyleMarker.displayName = "StyleMarker";
 
 // src/components/ui/Button.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_clsx = __toESM(require("clsx"));
-var import_react4 = require("react");
+var import_react8 = require("react");
 
 // src/components/ui/Button.css.ts
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var buttonVariants = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "Button_buttonVariants__ctbx2n0", variantClassNames: { variant: { primary: "Button_buttonVariants_variant_primary__ctbx2n1", outline: "Button_buttonVariants_variant_outline__ctbx2n2" }, size: { md: "Button_buttonVariants_size_md__ctbx2n3", lg: "Button_buttonVariants_size_lg__ctbx2n4" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });
 
 // src/components/ui/Button.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Button = (0, import_react4.forwardRef)(
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Button = (0, import_react8.forwardRef)(
   ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {
     const Comp = asChild ? import_react_slot2.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Comp,
       {
         ...props,
@@ -290,15 +434,15 @@ Button.displayName = "Button";
 // src/components/ui/Text.tsx
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_clsx2 = __toESM(require("clsx"));
-var import_react5 = require("react");
+var import_react9 = require("react");
 
 // src/components/ui/Text.css.ts
 var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
 var textVariants = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "Text__aprhbd0", variantClassNames: { size: { sm: "Text_textVariants_size_sm__aprhbd1" }, weight: { normal: "Text_textVariants_weight_normal__aprhbd2", medium: "Text_textVariants_weight_medium__aprhbd3", bold: "Text_textVariants_weight_bold__aprhbd4" }, color: { muted: "Text_textVariants_color_muted__aprhbd5", danger: "Text_textVariants_color_danger__aprhbd6" }, mono: { true: "Text_textVariants_mono_true__aprhbd7" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
 
 // src/components/ui/Text.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Text = (0, import_react5.forwardRef)(
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Text = (0, import_react9.forwardRef)(
   ({
     children,
     className,
@@ -310,77 +454,21 @@ var Text = (0, import_react5.forwardRef)(
     mono,
     ...textProps
   }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_react_slot3.Slot,
       {
         ...textProps,
         ref: forwardedRef,
         className: (0, import_clsx2.default)(textVariants({ size, weight, color, mono }), className),
-        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tag, { children })
+        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tag, { children })
       }
     );
   }
 );
 Text.displayName = "Text";
 
-// src/hooks/useGetDefaultIotaName.ts
-var import_client2 = require("@iota/iota-sdk/client");
-var import_react_query3 = require("@tanstack/react-query");
-var import_iota_names_sdk = require("@iota/iota-names-sdk");
-
-// src/hooks/useIotaClient.ts
-var import_react7 = require("react");
-
-// src/components/IotaClientProvider.tsx
-var import_client = require("@iota/iota-sdk/client");
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var IotaClientContext = (0, import_react6.createContext)(null);
-var DEFAULT_NETWORKS = {
-  localnet: { url: (0, import_client.getNetwork)(import_client.Network.Localnet)?.url }
-};
-
-// src/hooks/useIotaClient.ts
-function useIotaClientContext() {
-  const iotaClient = (0, import_react7.useContext)(IotaClientContext);
-  if (!iotaClient) {
-    throw new Error(
-      "Could not find IotaClientContext. Ensure that you have set up the IotaClientProvider"
-    );
-  }
-  return iotaClient;
-}
-
-// src/hooks/useGetDefaultIotaName.ts
-var import_react8 = require("react");
-var import_graphql = require("@iota/iota-sdk/graphql");
-function useGetDefaultIotaName(address, iotaNamesEnabled) {
-  const iotaContext = useIotaClientContext();
-  const network = (0, import_client2.getNetwork)(iotaContext.network);
-  const iotaNamesClient = (0, import_react8.useMemo)(() => {
-    const iotaGraphQLClient = new import_graphql.IotaGraphQLClient({
-      url: network.graphql
-    });
-    return new import_iota_names_sdk.IotaNamesClient({
-      graphQlClient: iotaGraphQLClient,
-      network: network.id
-    });
-  }, [network.id]);
-  const iotaNamesSupported = !!iotaNamesClient.config;
-  return (0, import_react_query3.useQuery)({
-    queryKey: ["iota-name", "default-name", address],
-    queryFn: async () => {
-      if (!address) return null;
-      const name = await iotaNamesClient?.getPublicName(address);
-      return name ? (0, import_iota_names_sdk.normalizeIotaName)(name) : name;
-    },
-    enabled: !!iotaNamesClient && !!address && iotaNamesEnabled && iotaNamesSupported,
-    staleTime: 1e3 * 60 * 10
-  });
-}
-
 // src/components/AccountDropdownMenu.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function AccountDropdownMenu({
   currentAccount,
   size = "lg",
@@ -390,13 +478,20 @@ function AccountDropdownMenu({
   const accounts = useAccounts();
   const { data: iotaName } = useGetDefaultIotaName(currentAccount.address, iotaNamesEnabled);
   const displayAccount = iotaName ?? currentAccount.label ?? (0, import_utils.formatAddress)(currentAccount.address);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu.Root, { modal: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { size, className: connectedAccount, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, weight: "bold", children: displayAccount }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronIcon, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenu.Root, { modal: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Button, { size, className: connectedAccount, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        IotaNameNftImage,
+        {
+          address: currentAccount.address,
+          iotaNamesEnabled
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { mono: true, weight: "bold", className: accountName, children: displayAccount }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronIcon, {})
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyleMarker, { className: menuContainer, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: scrollableContent, children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StyleMarker, { className: menuContainer, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: scrollableContent, children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         AccountDropdownMenuItem,
         {
           account,
@@ -405,8 +500,8 @@ function AccountDropdownMenu({
         },
         account.address
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Separator, { className: separator }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenu.Separator, { className: separator }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         DropdownMenu.Item,
         {
           className: (0, import_clsx3.default)(menuItem),
@@ -425,14 +520,17 @@ function AccountDropdownMenuItem({
   const { mutate: switchAccount } = useSwitchAccount();
   const { data: iotaName } = useGetDefaultIotaName(account.address, iotaNamesEnabled);
   const displayAccount = iotaName ?? account.label ?? (0, import_utils.formatAddress)(account.address);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     DropdownMenu.Item,
     {
       className: (0, import_clsx3.default)(menuItem, switchAccountMenuItem),
       onSelect: () => switchAccount({ account }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, children: displayAccount }),
-        active ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, {}) : null
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: accountIdentity, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IotaNameNftImage, { address: account.address, iotaNamesEnabled }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { mono: true, className: accountNameMenuItem, children: displayAccount })
+        ] }),
+        active ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckIcon, {}) : null
       ]
     }
   );

package/dist/cjs/components/AccountDropdownMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9", "../../../src/components/styling/StyleMarker.css.ts", "../../../src/components/AccountDropdownMenu.tsx", "../../../src/hooks/wallet/useWalletStore.ts", "../../../src/contexts/walletContext.ts", "../../../src/hooks/wallet/useAccounts.ts", "../../../src/hooks/wallet/useDisconnectWallet.ts", "../../../src/constants/walletMutationKeys.ts", "../../../src/errors/walletErrors.ts", "../../../src/hooks/wallet/useCurrentWallet.ts", "../../../src/hooks/wallet/useSwitchAccount.ts", "../../../src/components/AccountDropdownMenu.css.ts", "../../../src/components/icons/CheckIcon.tsx", "../../../src/components/icons/ChevronIcon.tsx", "../../../src/components/styling/StyleMarker.tsx", "../../../src/constants/styleDataAttribute.ts", "../../../src/components/ui/Button.tsx", "../../../src/components/ui/Button.css.ts", "../../../src/components/ui/Text.tsx", "../../../src/components/ui/Text.css.ts", "../../../src/hooks/useGetDefaultIotaName.ts", "../../../src/hooks/useIotaClient.ts", "../../../src/components/IotaClientProvider.tsx"],
-  "sourcesContent": ["[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n  box-sizing: border-box;\n  color: var(--dapp-kit-colors-body);\n  font-family: var(--dapp-kit-typography-fontFamily);\n  font-size: var(--dapp-kit-fontWeights-normal);\n  font-style: var(--dapp-kit-typography-fontStyle);\n  font-weight: var(--dapp-kit-fontWeights-normal);\n  line-height: var(--dapp-kit-typography-lineHeight);\n  letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}", "import 'src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { formatAddress } from '@iota/iota-sdk/utils';\nimport type { WalletAccount } from '@iota/wallet-standard';\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nimport clsx from 'clsx';\n\nimport { useAccounts } from '../hooks/wallet/useAccounts.js';\nimport { useDisconnectWallet } from '../hooks/wallet/useDisconnectWallet.js';\nimport { useSwitchAccount } from '../hooks/wallet/useSwitchAccount.js';\nimport * as styles from './AccountDropdownMenu.css.js';\nimport { CheckIcon } from './icons/CheckIcon.js';\nimport { ChevronIcon } from './icons/ChevronIcon.js';\nimport { StyleMarker } from './styling/StyleMarker.js';\nimport { Button } from './ui/Button.js';\nimport { Text } from './ui/Text.js';\nimport { useGetDefaultIotaName } from '../hooks/useGetDefaultIotaName.js';\n\ntype AccountDropdownMenuProps = {\n    currentAccount: WalletAccount;\n    size?: React.ComponentProps<typeof Button>['size'];\n    iotaNamesEnabled: boolean;\n};\n\nexport function AccountDropdownMenu({\n    currentAccount,\n    size = 'lg',\n    iotaNamesEnabled,\n}: AccountDropdownMenuProps) {\n    const { mutate: disconnectWallet } = useDisconnectWallet();\n    const accounts = useAccounts();\n    const { data: iotaName } = useGetDefaultIotaName(currentAccount.address, iotaNamesEnabled);\n    const displayAccount =\n        iotaName ?? currentAccount.label ?? formatAddress(currentAccount.address);\n\n    return (\n        <DropdownMenu.Root modal={false}>\n            <StyleMarker>\n                <DropdownMenu.Trigger asChild>\n                    <Button size={size} className={styles.connectedAccount}>\n                        <Text mono weight=\"bold\">\n                            {displayAccount}\n                        </Text>\n                        <ChevronIcon />\n                    </Button>\n                </DropdownMenu.Trigger>\n            </StyleMarker>\n            <DropdownMenu.Portal>\n                <StyleMarker className={styles.menuContainer}>\n                    <DropdownMenu.Content className={styles.menuContent}>\n                        <div className={styles.scrollableContent}>\n                            {accounts.map((account) => (\n                                <AccountDropdownMenuItem\n                                    key={account.address}\n                                    account={account}\n                                    active={currentAccount.address === account.address}\n                                    iotaNamesEnabled={iotaNamesEnabled}\n                                />\n                            ))}\n                        </div>\n                        <DropdownMenu.Separator className={styles.separator} />\n                        <DropdownMenu.Item\n                            className={clsx(styles.menuItem)}\n                            onSelect={() => disconnectWallet()}\n                        >\n                            Disconnect\n                        </DropdownMenu.Item>\n                    </DropdownMenu.Content>\n                </StyleMarker>\n            </DropdownMenu.Portal>\n        </DropdownMenu.Root>\n    );\n}\n\nexport function AccountDropdownMenuItem({\n    account,\n    active,\n    iotaNamesEnabled,\n}: {\n    account: WalletAccount;\n    active?: boolean;\n    iotaNamesEnabled: boolean;\n}) {\n    const { mutate: switchAccount } = useSwitchAccount();\n    const { data: iotaName } = useGetDefaultIotaName(account.address, iotaNamesEnabled);\n    const displayAccount = iotaName ?? account.label ?? formatAddress(account.address);\n\n    return (\n        <DropdownMenu.Item\n            className={clsx(styles.menuItem, styles.switchAccountMenuItem)}\n            onSelect={() => switchAccount({ account })}\n        >\n            <Text mono>{displayAccount}</Text>\n            {active ? <CheckIcon /> : null}\n        </DropdownMenu.Item>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n    const store = useContext(WalletContext);\n    if (!store) {\n        throw new Error(\n            'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n        );\n    }\n    return useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletAccount } from '@iota/wallet-standard';\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves a list of connected accounts authorized by the dApp.\n */\nexport function useAccounts(): readonly WalletAccount[] {\n    return useWalletStore((state) => state.accounts);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { WalletNotConnectedError } from '../../errors/walletErrors.js';\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype UseDisconnectWalletError = WalletNotConnectedError | Error;\n\ntype UseDisconnectWalletMutationOptions = Omit<\n    UseMutationOptions<void, UseDisconnectWalletError, void, unknown>,\n    'mutationFn'\n>;\n\n/**\n * Mutation hook for disconnecting from an active wallet connection, if currently connected.\n */\nexport function useDisconnectWallet({\n    mutationKey,\n    ...mutationOptions\n}: UseDisconnectWalletMutationOptions = {}): UseMutationResult<\n    void,\n    UseDisconnectWalletError,\n    void\n> {\n    const { currentWallet } = useCurrentWallet();\n    const setWalletDisconnected = useWalletStore((state) => state.setWalletDisconnected);\n\n    return useMutation({\n        mutationKey: walletMutationKeys.disconnectWallet(mutationKey),\n        mutationFn: async () => {\n            if (!currentWallet) {\n                throw new WalletNotConnectedError('No wallet is connected.');\n            }\n\n            try {\n                // Wallets aren't required to implement the disconnect feature, so we'll\n                // optionally call the disconnect feature if it exists and reset the UI\n                // state on the frontend at a minimum.\n                await currentWallet.features['standard:disconnect']?.disconnect();\n            } catch (error) {\n                console.error(\n                    'Failed to disconnect the application from the current wallet.',\n                    error,\n                );\n            }\n\n            setWalletDisconnected();\n        },\n        ...mutationOptions,\n    });\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { MutationKey } from '@tanstack/react-query';\n\nexport const walletMutationKeys = {\n    all: { baseScope: 'wallet' },\n    connectWallet: formMutationKeyFn('connect-wallet'),\n    autoconnectWallet: formMutationKeyFn('autoconnect-wallet'),\n    disconnectWallet: formMutationKeyFn('disconnect-wallet'),\n    signPersonalMessage: formMutationKeyFn('sign-personal-message'),\n    signTransaction: formMutationKeyFn('sign-transaction'),\n    signAndExecuteTransaction: formMutationKeyFn('sign-and-execute-transaction'),\n    switchAccount: formMutationKeyFn('switch-account'),\n    reportTransactionEffects: formMutationKeyFn('report-transaction-effects'),\n};\n\nfunction formMutationKeyFn(baseEntity: string) {\n    return function mutationKeyFn(additionalKeys: MutationKey = []) {\n        return [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];\n    };\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * An error that is instantiated when someone attempts to perform an action that requires an active wallet connection.\n */\nexport class WalletNotConnectedError extends Error {}\n\n/**\n * An error that is instantiated when someone attempts to perform an action that requires a selected wallet account.\n * This is more of an edge case stemming from the fact that wallets don't technically require you to authorize any\n * accounts when connecting a wallet.\n */\nexport class WalletNoAccountSelectedError extends Error {}\n\n/**\n * An error that is instantiated when someone attempts to perform an action that isn't supported by a wallet.\n */\nexport class WalletFeatureNotSupportedError extends Error {}\n\n/**\n * An error that is instantiated when a wallet account can't be found for a specific wallet.\n */\nexport class WalletAccountNotFoundError extends Error {}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves the wallet that is currently connected to the dApp, if one exists.\n */\nexport function useCurrentWallet() {\n    const currentWallet = useWalletStore((state) => state.currentWallet);\n    const connectionStatus = useWalletStore((state) => state.connectionStatus);\n    const supportedIntents = useWalletStore((state) => state.supportedIntents);\n\n    switch (connectionStatus) {\n        case 'connecting':\n            return {\n                connectionStatus,\n                currentWallet: null,\n                isDisconnected: false,\n                isConnecting: true,\n                isConnected: false,\n                supportedIntents: [],\n            } as const;\n        case 'disconnected':\n            return {\n                connectionStatus,\n                currentWallet: null,\n                isDisconnected: true,\n                isConnecting: false,\n                isConnected: false,\n                supportedIntents: [],\n            } as const;\n        case 'connected': {\n            return {\n                connectionStatus,\n                currentWallet: currentWallet!,\n                isDisconnected: false,\n                isConnecting: false,\n                isConnected: true,\n                supportedIntents,\n            } as const;\n        }\n    }\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletAccount } from '@iota/wallet-standard';\nimport type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { WalletAccountNotFoundError, WalletNotConnectedError } from '../../errors/walletErrors.js';\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype SwitchAccountArgs = {\n    account: WalletAccount;\n};\n\ntype SwitchAccountResult = void;\n\ntype UseSwitchAccountError = WalletNotConnectedError | WalletAccountNotFoundError | Error;\n\ntype UseSwitchAccountMutationOptions = Omit<\n    UseMutationOptions<SwitchAccountResult, UseSwitchAccountError, SwitchAccountArgs, unknown>,\n    'mutationFn'\n>;\n\n/**\n * Mutation hook for switching to a specific wallet account.\n */\nexport function useSwitchAccount({\n    mutationKey,\n    ...mutationOptions\n}: UseSwitchAccountMutationOptions = {}): UseMutationResult<\n    SwitchAccountResult,\n    UseSwitchAccountError,\n    SwitchAccountArgs\n> {\n    const { currentWallet } = useCurrentWallet();\n    const setAccountSwitched = useWalletStore((state) => state.setAccountSwitched);\n\n    return useMutation({\n        mutationKey: walletMutationKeys.switchAccount(mutationKey),\n        mutationFn: async ({ account }) => {\n            if (!currentWallet) {\n                throw new WalletNotConnectedError('No wallet is connected.');\n            }\n\n            const accountToSelect = currentWallet.accounts.find(\n                (walletAccount) => walletAccount.address === account.address,\n            );\n            if (!accountToSelect) {\n                throw new WalletAccountNotFoundError(\n                    `No account with address ${account.address} is connected to ${currentWallet.name}.`,\n                );\n            }\n\n            setAccountSwitched(accountToSelect);\n        },\n        ...mutationOptions,\n    });\n}\n", "import 'src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW/bMBDd/Ss4NgMDqXGLlJmSdOmQqWNRGDR5plhTdwR5jOQW/e+FGH/BidMG1ULg3ed773R5awwV5M+JoqUBHwDLwhAiGAa7DS4W7di4Pq4a8WsmhNNRies43sx+zy5fqu8Byz0ha4+Q9sVtLf4pPVoYlfi0+/7aBo42eF+bWJ9j0BslVgHGm5mor7Q+gWFPqIShUHqcIoO33CnRXjexZvZ6lB1417ESV80eTM6jZIpKzJ+gqK316LZEj0kLsaRkIcmkrS9ZiUed3klpdYxy7bnCXgadHFzUbG3WLlFBKw0FSs8KDgn3UzxLe6TCxVl5skkUgl4GOBXpqopEj5BWgQa5UUIXprPsq3gu0aBE+6oZXxj6/ZB5HXIq0675fNu7ZEgyQwDDSiAhTCAVDh7hADzzUwfvUHqGPithABnSW4X/Zx7frGYtO++6MO0O9ntl9nbbYvK9Tpu7wkz4im+DZ9NtIw+n63x4+cB/lMx+tZHmyWolctQG5BJ4AMCzkp1bAaJOmunwc36sY3futUeHkbvkca1E8/+3/HU3dhLnD4QDgFt6BAAA';\nexport var connectedAccount = 'AccountDropdownMenu_connectedAccount__1x0gmpf0';\nexport var menuContainer = 'AccountDropdownMenu_menuContainer__1x0gmpf1';\nexport var menuContent = 'AccountDropdownMenu_menuContent__1x0gmpf2';\nexport var menuItem = 'AccountDropdownMenu_menuItem__1x0gmpf4';\nexport var scrollableContent = 'AccountDropdownMenu_scrollableContent__1x0gmpf3';\nexport var separator = 'AccountDropdownMenu_separator__1x0gmpf6';\nexport var switchAccountMenuItem = 'AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function CheckIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} fill=\"none\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"m11.726 5.048-4.73 5.156-1.722-1.879a.72.72 0 0 0-.529-.23.722.722 0 0 0-.525.24.858.858 0 0 0-.22.573.86.86 0 0 0 .211.576l2.255 2.458c.14.153.332.24.53.24.2 0 .391-.087.532-.24l5.261-5.735A.86.86 0 0 0 13 5.63a.858.858 0 0 0-.22-.572.722.722 0 0 0-.525-.24.72.72 0 0 0-.529.23Z\"\n            />\n        </svg>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function ChevronIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} fill=\"none\" {...props}>\n            <path\n                stroke=\"#A0B6C3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"m4 6 4 4 4-4\"\n            />\n        </svg>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { styleDataAttribute } from '../../constants/styleDataAttribute.js';\n\nimport './StyleMarker.css.js';\n\ntype StyleMarker = {\n    children: ReactNode;\n};\n\nexport const StyleMarker = forwardRef<\n    ElementRef<typeof Slot>,\n    ComponentPropsWithoutRef<typeof Slot>\n>(({ children, ...props }, forwardedRef) => (\n    <Slot ref={forwardedRef} {...props} {...styleDataAttribute}>\n        {children}\n    </Slot>\n));\nStyleMarker.displayName = 'StyleMarker';\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport const styleDataAttributeName = 'data-dapp-kit';\n\nexport const styleDataAttributeSelector = `[${styleDataAttributeName}]`;\n\nexport const styleDataAttribute = { [styleDataAttributeName]: '' };\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { buttonVariants } from './Button.css.js';\nimport type { ButtonVariants } from './Button.css.js';\n\ntype ButtonProps = {\n    asChild?: boolean;\n} & ButtonHTMLAttributes<HTMLButtonElement> &\n    ButtonVariants;\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n    ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {\n        const Comp = asChild ? Slot : 'button';\n        return (\n            <Comp\n                {...props}\n                className={clsx(buttonVariants({ variant, size }), className)}\n                ref={forwardedRef}\n            />\n        );\n    },\n);\nButton.displayName = 'Button';\n\nexport { Button };\n", "import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__ctbx2n0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__ctbx2n1',outline:'Button_buttonVariants_variant_outline__ctbx2n2'},size:{md:'Button_buttonVariants_size_md__ctbx2n3',lg:'Button_buttonVariants_size_lg__ctbx2n4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { textVariants } from './Text.css.js';\nimport type { TextVariants } from './Text.css.js';\n\ntype TextAsChildProps = {\n    asChild?: boolean;\n    as?: never;\n};\n\ntype TextDivProps = { as: 'div'; asChild?: never };\n\ntype TextProps = (TextAsChildProps | TextDivProps) &\n    React.HTMLAttributes<HTMLDivElement> &\n    TextVariants;\n\nconst Text = forwardRef<HTMLDivElement, TextProps>(\n    (\n        {\n            children,\n            className,\n            asChild = false,\n            as: Tag = 'div',\n            size,\n            weight,\n            color,\n            mono,\n            ...textProps\n        },\n        forwardedRef,\n    ) => {\n        return (\n            <Slot\n                {...textProps}\n                ref={forwardedRef}\n                className={clsx(textVariants({ size, weight, color, mono }), className)}\n            >\n                {asChild ? children : <Tag>{children}</Tag>}\n            </Slot>\n        );\n    },\n);\nText.displayName = 'Text';\n\nexport { Text };\n", "import 'src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textVariants = _7a468({defaultClassName:'Text__aprhbd0',variantClassNames:{size:{sm:'Text_textVariants_size_sm__aprhbd1'},weight:{normal:'Text_textVariants_weight_normal__aprhbd2',medium:'Text_textVariants_weight_medium__aprhbd3',bold:'Text_textVariants_weight_bold__aprhbd4'},color:{muted:'Text_textVariants_color_muted__aprhbd5',danger:'Text_textVariants_color_danger__aprhbd6'},mono:{true:'Text_textVariants_mono_true__aprhbd7'}},defaultVariants:{size:'sm',weight:'normal'},compoundVariants:[]});", "// Copyright (c) 2025 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getNetwork } from '@iota/iota-sdk/client';\nimport { useQuery } from '@tanstack/react-query';\nimport { IotaNamesClient, normalizeIotaName } from '@iota/iota-names-sdk';\nimport { useIotaClientContext } from './useIotaClient.js';\nimport { useMemo } from 'react';\nimport { IotaGraphQLClient } from '@iota/iota-sdk/graphql';\n\nexport function useGetDefaultIotaName(\n    address: string | null | undefined,\n    iotaNamesEnabled: boolean,\n) {\n    const iotaContext = useIotaClientContext();\n    const network = getNetwork(iotaContext.network);\n\n    const iotaNamesClient = useMemo(() => {\n        const iotaGraphQLClient = new IotaGraphQLClient({\n            url: network.graphql!,\n        });\n\n        return new IotaNamesClient({\n            graphQlClient: iotaGraphQLClient,\n            network: network.id,\n        });\n    }, [network.id]);\n\n    const iotaNamesSupported = !!iotaNamesClient.config;\n\n    return useQuery({\n        queryKey: ['iota-name', 'default-name', address],\n        queryFn: async () => {\n            if (!address) return null;\n\n            const name = await iotaNamesClient?.getPublicName(address);\n\n            return name ? normalizeIotaName(name) : name;\n        },\n        enabled: !!iotaNamesClient && !!address && iotaNamesEnabled && iotaNamesSupported,\n        staleTime: 1000 * 60 * 10,\n    });\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { IotaClient } from '@iota/iota-sdk/client';\nimport { useContext } from 'react';\n\nimport { IotaClientContext } from '../components/IotaClientProvider.js';\n\nexport function useIotaClientContext() {\n    const iotaClient = useContext(IotaClientContext);\n\n    if (!iotaClient) {\n        throw new Error(\n            'Could not find IotaClientContext. Ensure that you have set up the IotaClientProvider',\n        );\n    }\n\n    return iotaClient;\n}\n\nexport function useIotaClient(): IotaClient {\n    return useIotaClientContext().client;\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getNetwork, isIotaClient, Network, IotaClient } from '@iota/iota-sdk/client';\nimport type { IotaClientOptions } from '@iota/iota-sdk/client';\nimport { createContext, useMemo, useState } from 'react';\n\nimport type { NetworkConfig } from '../hooks/networkConfig.js';\n\ntype NetworkConfigs<T extends NetworkConfig | IotaClient = NetworkConfig | IotaClient> = Record<\n    string,\n    T\n>;\n\nexport interface IotaClientProviderContext {\n    client: IotaClient;\n    networks: NetworkConfigs;\n    network: string;\n    config: NetworkConfig | null;\n    selectNetwork: (network: string) => void;\n}\n\nexport const IotaClientContext = createContext<IotaClientProviderContext | null>(null);\n\nexport type IotaClientProviderProps<T extends NetworkConfigs> = {\n    createClient?: (name: keyof T, config: T[keyof T]) => IotaClient;\n    children: React.ReactNode;\n    networks?: T;\n    onNetworkChange?: (network: keyof T & string) => void;\n} & (\n    | {\n          defaultNetwork?: keyof T & string;\n          network?: never;\n      }\n    | {\n          defaultNetwork?: never;\n          network?: keyof T & string;\n      }\n);\n\nconst DEFAULT_NETWORKS = {\n    localnet: { url: getNetwork(Network.Localnet)?.url },\n};\n\nconst DEFAULT_CREATE_CLIENT = function createClient(\n    _name: string,\n    config: NetworkConfig | IotaClient,\n) {\n    if (isIotaClient(config)) {\n        return config;\n    }\n\n    return new IotaClient(config);\n};\n\nexport function IotaClientProvider<T extends NetworkConfigs>(props: IotaClientProviderProps<T>) {\n    const { onNetworkChange, network, children } = props;\n    const networks = (props.networks ?? DEFAULT_NETWORKS) as T;\n    const createClient =\n        (props.createClient as typeof DEFAULT_CREATE_CLIENT) ?? DEFAULT_CREATE_CLIENT;\n\n    const [selectedNetwork, setSelectedNetwork] = useState<keyof T & string>(\n        props.network ?? props.defaultNetwork ?? (Object.keys(networks)[0] as keyof T & string),\n    );\n\n    const currentNetwork = props.network ?? selectedNetwork;\n\n    const client = useMemo(() => {\n        return createClient(currentNetwork, networks[currentNetwork]);\n    }, [createClient, currentNetwork, networks]);\n\n    const ctx = useMemo((): IotaClientProviderContext => {\n        return {\n            client,\n            networks,\n            network: currentNetwork,\n            config:\n                networks[currentNetwork] instanceof IotaClient\n                    ? null\n                    : (networks[currentNetwork] as IotaClientOptions),\n            selectNetwork: (newNetwork) => {\n                if (currentNetwork === newNetwork) {\n                    return;\n                }\n\n                if (!network && newNetwork !== selectedNetwork) {\n                    setSelectedNetwork(newNetwork);\n                }\n\n                onNetworkChange?.(newNetwork);\n            },\n        };\n    }, [client, networks, selectedNetwork, currentNetwork, network, onNetworkChange]);\n\n    return <IotaClientContext.Provider value={ctx}>{children}</IotaClientContext.Provider>;\n}\n"],
-  "mappings": "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",
-  "names": ["import_clsx", "import_react", "import_react_query", "import_jsx_runtime", "import_react", "import_jsx_runtime", "import_react_slot", "import_react", "_7a468", "import_jsx_runtime", "clsx", "import_react_slot", "import_clsx", "import_react", "import_createRuntimeFn", "_7a468", "import_jsx_runtime", "clsx", "import_client", "import_react_query", "import_react", "import_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "clsx"]
+  "sources": ["vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9", "../../../src/components/styling/StyleMarker.css.ts", "../../../src/components/AccountDropdownMenu.tsx", "../../../src/hooks/wallet/useWalletStore.ts", "../../../src/contexts/walletContext.ts", "../../../src/hooks/wallet/useAccounts.ts", "../../../src/hooks/wallet/useDisconnectWallet.ts", "../../../src/constants/walletMutationKeys.ts", "../../../src/errors/walletErrors.ts", "../../../src/hooks/wallet/useCurrentWallet.ts", "../../../src/hooks/wallet/useSwitchAccount.ts", "../../../src/components/AccountDropdownMenu.css.ts", "../../../src/components/icons/CheckIcon.tsx", "../../../src/components/icons/ChevronIcon.tsx", "../../../src/components/IotaNameNftImage.tsx", "../../../src/hooks/useGetIotaNameAvatar.ts", "../../../src/hooks/useGetDefaultIotaName.ts", "../../../src/hooks/useIotaNamesClient.ts", "../../../src/hooks/useIotaClient.ts", "../../../src/components/IotaClientProvider.tsx", "../../../src/components/IotaNameNftImage.css.ts", "../../../src/components/styling/StyleMarker.tsx", "../../../src/constants/styleDataAttribute.ts", "../../../src/components/ui/Button.tsx", "../../../src/components/ui/Button.css.ts", "../../../src/components/ui/Text.tsx", "../../../src/components/ui/Text.css.ts"],
+  "sourcesContent": ["[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n  box-sizing: border-box;\n  color: var(--dapp-kit-colors-body);\n  font-family: var(--dapp-kit-typography-fontFamily);\n  font-size: var(--dapp-kit-fontWeights-normal);\n  font-style: var(--dapp-kit-typography-fontStyle);\n  font-weight: var(--dapp-kit-fontWeights-normal);\n  line-height: var(--dapp-kit-typography-lineHeight);\n  letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}", "import 'src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { formatAddress } from '@iota/iota-sdk/utils';\nimport type { WalletAccount } from '@iota/wallet-standard';\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nimport clsx from 'clsx';\n\nimport { useAccounts } from '../hooks/wallet/useAccounts.js';\nimport { useDisconnectWallet } from '../hooks/wallet/useDisconnectWallet.js';\nimport { useSwitchAccount } from '../hooks/wallet/useSwitchAccount.js';\nimport * as styles from './AccountDropdownMenu.css.js';\nimport { CheckIcon } from './icons/CheckIcon.js';\nimport { ChevronIcon } from './icons/ChevronIcon.js';\nimport { IotaNameNftImage } from './IotaNameNftImage.js';\nimport { StyleMarker } from './styling/StyleMarker.js';\nimport { Button } from './ui/Button.js';\nimport { Text } from './ui/Text.js';\nimport { useGetDefaultIotaName } from '../hooks/useGetDefaultIotaName.js';\n\ntype AccountDropdownMenuProps = {\n    currentAccount: WalletAccount;\n    size?: React.ComponentProps<typeof Button>['size'];\n    iotaNamesEnabled: boolean;\n};\n\nexport function AccountDropdownMenu({\n    currentAccount,\n    size = 'lg',\n    iotaNamesEnabled,\n}: AccountDropdownMenuProps) {\n    const { mutate: disconnectWallet } = useDisconnectWallet();\n    const accounts = useAccounts();\n    const { data: iotaName } = useGetDefaultIotaName(currentAccount.address, iotaNamesEnabled);\n    const displayAccount =\n        iotaName ?? currentAccount.label ?? formatAddress(currentAccount.address);\n\n    return (\n        <DropdownMenu.Root modal={false}>\n            <StyleMarker>\n                <DropdownMenu.Trigger asChild>\n                    <Button size={size} className={styles.connectedAccount}>\n                        <IotaNameNftImage\n                            address={currentAccount.address}\n                            iotaNamesEnabled={iotaNamesEnabled}\n                        />\n                        <Text mono weight=\"bold\" className={styles.accountName}>\n                            {displayAccount}\n                        </Text>\n                        <ChevronIcon />\n                    </Button>\n                </DropdownMenu.Trigger>\n            </StyleMarker>\n            <DropdownMenu.Portal>\n                <StyleMarker className={styles.menuContainer}>\n                    <DropdownMenu.Content className={styles.menuContent}>\n                        <div className={styles.scrollableContent}>\n                            {accounts.map((account) => (\n                                <AccountDropdownMenuItem\n                                    key={account.address}\n                                    account={account}\n                                    active={currentAccount.address === account.address}\n                                    iotaNamesEnabled={iotaNamesEnabled}\n                                />\n                            ))}\n                        </div>\n                        <DropdownMenu.Separator className={styles.separator} />\n                        <DropdownMenu.Item\n                            className={clsx(styles.menuItem)}\n                            onSelect={() => disconnectWallet()}\n                        >\n                            Disconnect\n                        </DropdownMenu.Item>\n                    </DropdownMenu.Content>\n                </StyleMarker>\n            </DropdownMenu.Portal>\n        </DropdownMenu.Root>\n    );\n}\n\nexport function AccountDropdownMenuItem({\n    account,\n    active,\n    iotaNamesEnabled,\n}: {\n    account: WalletAccount;\n    active?: boolean;\n    iotaNamesEnabled: boolean;\n}) {\n    const { mutate: switchAccount } = useSwitchAccount();\n    const { data: iotaName } = useGetDefaultIotaName(account.address, iotaNamesEnabled);\n    const displayAccount = iotaName ?? account.label ?? formatAddress(account.address);\n\n    return (\n        <DropdownMenu.Item\n            className={clsx(styles.menuItem, styles.switchAccountMenuItem)}\n            onSelect={() => switchAccount({ account })}\n        >\n            <div className={styles.accountIdentity}>\n                <IotaNameNftImage address={account.address} iotaNamesEnabled={iotaNamesEnabled} />\n                <Text mono className={styles.accountNameMenuItem}>\n                    {displayAccount}\n                </Text>\n            </div>\n            {active ? <CheckIcon /> : null}\n        </DropdownMenu.Item>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n    const store = useContext(WalletContext);\n    if (!store) {\n        throw new Error(\n            'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n        );\n    }\n    return useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletAccount } from '@iota/wallet-standard';\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves a list of connected accounts authorized by the dApp.\n */\nexport function useAccounts(): readonly WalletAccount[] {\n    return useWalletStore((state) => state.accounts);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { WalletNotConnectedError } from '../../errors/walletErrors.js';\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype UseDisconnectWalletError = WalletNotConnectedError | Error;\n\ntype UseDisconnectWalletMutationOptions = Omit<\n    UseMutationOptions<void, UseDisconnectWalletError, void, unknown>,\n    'mutationFn'\n>;\n\n/**\n * Mutation hook for disconnecting from an active wallet connection, if currently connected.\n */\nexport function useDisconnectWallet({\n    mutationKey,\n    ...mutationOptions\n}: UseDisconnectWalletMutationOptions = {}): UseMutationResult<\n    void,\n    UseDisconnectWalletError,\n    void\n> {\n    const { currentWallet } = useCurrentWallet();\n    const setWalletDisconnected = useWalletStore((state) => state.setWalletDisconnected);\n\n    return useMutation({\n        mutationKey: walletMutationKeys.disconnectWallet(mutationKey),\n        mutationFn: async () => {\n            if (!currentWallet) {\n                throw new WalletNotConnectedError('No wallet is connected.');\n            }\n\n            try {\n                // Wallets aren't required to implement the disconnect feature, so we'll\n                // optionally call the disconnect feature if it exists and reset the UI\n                // state on the frontend at a minimum.\n                await currentWallet.features['standard:disconnect']?.disconnect();\n            } catch (error) {\n                console.error(\n                    'Failed to disconnect the application from the current wallet.',\n                    error,\n                );\n            }\n\n            setWalletDisconnected();\n        },\n        ...mutationOptions,\n    });\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { MutationKey } from '@tanstack/react-query';\n\nexport const walletMutationKeys = {\n    all: { baseScope: 'wallet' },\n    connectWallet: formMutationKeyFn('connect-wallet'),\n    autoconnectWallet: formMutationKeyFn('autoconnect-wallet'),\n    disconnectWallet: formMutationKeyFn('disconnect-wallet'),\n    signPersonalMessage: formMutationKeyFn('sign-personal-message'),\n    signTransaction: formMutationKeyFn('sign-transaction'),\n    signAndExecuteTransaction: formMutationKeyFn('sign-and-execute-transaction'),\n    switchAccount: formMutationKeyFn('switch-account'),\n    reportTransactionEffects: formMutationKeyFn('report-transaction-effects'),\n};\n\nfunction formMutationKeyFn(baseEntity: string) {\n    return function mutationKeyFn(additionalKeys: MutationKey = []) {\n        return [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];\n    };\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * An error that is instantiated when someone attempts to perform an action that requires an active wallet connection.\n */\nexport class WalletNotConnectedError extends Error {}\n\n/**\n * An error that is instantiated when someone attempts to perform an action that requires a selected wallet account.\n * This is more of an edge case stemming from the fact that wallets don't technically require you to authorize any\n * accounts when connecting a wallet.\n */\nexport class WalletNoAccountSelectedError extends Error {}\n\n/**\n * An error that is instantiated when someone attempts to perform an action that isn't supported by a wallet.\n */\nexport class WalletFeatureNotSupportedError extends Error {}\n\n/**\n * An error that is instantiated when a wallet account can't be found for a specific wallet.\n */\nexport class WalletAccountNotFoundError extends Error {}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves the wallet that is currently connected to the dApp, if one exists.\n */\nexport function useCurrentWallet() {\n    const currentWallet = useWalletStore((state) => state.currentWallet);\n    const connectionStatus = useWalletStore((state) => state.connectionStatus);\n    const supportedIntents = useWalletStore((state) => state.supportedIntents);\n\n    switch (connectionStatus) {\n        case 'connecting':\n            return {\n                connectionStatus,\n                currentWallet: null,\n                isDisconnected: false,\n                isConnecting: true,\n                isConnected: false,\n                supportedIntents: [],\n            } as const;\n        case 'disconnected':\n            return {\n                connectionStatus,\n                currentWallet: null,\n                isDisconnected: true,\n                isConnecting: false,\n                isConnected: false,\n                supportedIntents: [],\n            } as const;\n        case 'connected': {\n            return {\n                connectionStatus,\n                currentWallet: currentWallet!,\n                isDisconnected: false,\n                isConnecting: false,\n                isConnected: true,\n                supportedIntents,\n            } as const;\n        }\n    }\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletAccount } from '@iota/wallet-standard';\nimport type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { WalletAccountNotFoundError, WalletNotConnectedError } from '../../errors/walletErrors.js';\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype SwitchAccountArgs = {\n    account: WalletAccount;\n};\n\ntype SwitchAccountResult = void;\n\ntype UseSwitchAccountError = WalletNotConnectedError | WalletAccountNotFoundError | Error;\n\ntype UseSwitchAccountMutationOptions = Omit<\n    UseMutationOptions<SwitchAccountResult, UseSwitchAccountError, SwitchAccountArgs, unknown>,\n    'mutationFn'\n>;\n\n/**\n * Mutation hook for switching to a specific wallet account.\n */\nexport function useSwitchAccount({\n    mutationKey,\n    ...mutationOptions\n}: UseSwitchAccountMutationOptions = {}): UseMutationResult<\n    SwitchAccountResult,\n    UseSwitchAccountError,\n    SwitchAccountArgs\n> {\n    const { currentWallet } = useCurrentWallet();\n    const setAccountSwitched = useWalletStore((state) => state.setAccountSwitched);\n\n    return useMutation({\n        mutationKey: walletMutationKeys.switchAccount(mutationKey),\n        mutationFn: async ({ account }) => {\n            if (!currentWallet) {\n                throw new WalletNotConnectedError('No wallet is connected.');\n            }\n\n            const accountToSelect = currentWallet.accounts.find(\n                (walletAccount) => walletAccount.address === account.address,\n            );\n            if (!accountToSelect) {\n                throw new WalletAccountNotFoundError(\n                    `No account with address ${account.address} is connected to ${currentWallet.name}.`,\n                );\n            }\n\n            setAccountSwitched(accountToSelect);\n        },\n        ...mutationOptions,\n    });\n}\n", "import 'src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VUwW7bMAy95yt0XA8qkjTbWu20dZcetsuOwxAoEmOzkSlBoupkw/59sBInaZO0KYb6Ypi0yMf3nnj52Rifib9GH6xv6RtQnhpPBIbBbpLT6Wg5rJowH4o/AyEqHZS4DstPg7+Dy2Pn9Tr2XTewPToqRxu9lC1arpUYTYZdCSH8A8S5860SNVoL1MUYlix3CXAOQ8LUpdoaGWQK2oAS5NuowzlAuu87hmYLaHwAaPz2gBqgfOuJNRLELZSrAuW3RLKwVOKmf14sA3vaTEoRiyk4vVJi7qAM072lxQiG0ZMSxrvclJE2Y4/7sTsqasCqZiWuhttgrJAk+6DEZB0K2lqkamOBfTsIMfPRQpRRW8xJiQcd30lpdQhygVzCKJ2OFVyUv7VZVNFnstJ45+PBgd0Pt10+SbvHwsVJepKJ3jk9c/CUpPeFpF5HuVJCZ/Ynpy/kVbFTfPSsGI+c9aE0eUpTX7y3fU4QZQIHhjvbEBTrZXZIsAsc6KkdViSRoUlKGCCG+Friz57jp9WsZY1V7TrsYH+VyV4vW4jY6Lj6kpk9PaNbi2zqTebgwn48bvD7nBjnK2nWUitRbqKcAbewvrsnKDt3jd1ZIEZebYFcHwfyYhshGqR+2wyPb5pTzEDQUbPf7YybAqI31WjPr6mOSItNh/+7Yj/6tp1m/wB141KsKwYAAA==';\nexport var accountIdentity = 'AccountDropdownMenu_accountIdentity__1x0gmpf8';\nexport var accountName = 'AccountDropdownMenu_accountName__1x0gmpf1';\nexport var accountNameMenuItem = 'AccountDropdownMenu_accountNameMenuItem__1x0gmpf2';\nexport var connectedAccount = 'AccountDropdownMenu_connectedAccount__1x0gmpf0';\nexport var menuContainer = 'AccountDropdownMenu_menuContainer__1x0gmpf3';\nexport var menuContent = 'AccountDropdownMenu_menuContent__1x0gmpf4';\nexport var menuItem = 'AccountDropdownMenu_menuItem__1x0gmpf6';\nexport var scrollableContent = 'AccountDropdownMenu_scrollableContent__1x0gmpf5';\nexport var separator = 'AccountDropdownMenu_separator__1x0gmpf9';\nexport var switchAccountMenuItem = 'AccountDropdownMenu_switchAccountMenuItem__1x0gmpf7';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function CheckIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} fill=\"none\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"m11.726 5.048-4.73 5.156-1.722-1.879a.72.72 0 0 0-.529-.23.722.722 0 0 0-.525.24.858.858 0 0 0-.22.573.86.86 0 0 0 .211.576l2.255 2.458c.14.153.332.24.53.24.2 0 .391-.087.532-.24l5.261-5.735A.86.86 0 0 0 13 5.63a.858.858 0 0 0-.22-.572.722.722 0 0 0-.525-.24.72.72 0 0 0-.529.23Z\"\n            />\n        </svg>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function ChevronIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} fill=\"none\" {...props}>\n            <path\n                stroke=\"#A0B6C3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"m4 6 4 4 4-4\"\n            />\n        </svg>\n    );\n}\n", "// Copyright (c) 2026 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useState } from 'react';\n\nimport { useGetIotaNameAvatar } from '../hooks/useGetIotaNameAvatar.js';\nimport * as styles from './IotaNameNftImage.css.js';\n\ninterface IotaNameNftImageProps {\n    address: string | null | undefined;\n    iotaNamesEnabled: boolean;\n    alt?: string;\n}\n\nexport function IotaNameNftImage({\n    address,\n    iotaNamesEnabled,\n    alt = 'name NFT avatar',\n}: IotaNameNftImageProps) {\n    const { data: imageUrl, isLoading } = useGetIotaNameAvatar(address, iotaNamesEnabled);\n    const [imgError, setImgError] = useState(false);\n\n    if (!iotaNamesEnabled || isLoading || !imageUrl || imgError) {\n        return null;\n    }\n\n    return (\n        <img src={imageUrl} alt={alt} className={styles.image} onError={() => setImgError(true)} />\n    );\n}\n", "// Copyright (c) 2026 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getSubnameRegistrationType, isSubname, normalizeIotaName } from '@iota/iota-names-sdk';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { useGetDefaultIotaName } from './useGetDefaultIotaName.js';\nimport { useIotaClient } from './useIotaClient.js';\nimport { useIotaNamesClient } from './useIotaNamesClient.js';\n\nexport function useGetIotaNameAvatar(\n    address: string | null | undefined,\n    iotaNamesEnabled: boolean,\n) {\n    const client = useIotaClient();\n    const { iotaNamesClient, networkId, isSupported } = useIotaNamesClient();\n    const { data: name } = useGetDefaultIotaName(address, iotaNamesEnabled);\n\n    return useQuery({\n        // eslint-disable-next-line @tanstack/query/exhaustive-deps\n        queryKey: ['iota-name', 'avatar', name, networkId],\n        queryFn: async () => {\n            if (!name || !address || !iotaNamesClient) return null;\n\n            const nameRecord = await iotaNamesClient.getNameRecord(name);\n            if (!nameRecord) return null;\n\n            const avatarObjectId =\n                nameRecord.avatar ??\n                (isSubname(name) ? await findSubnameNftId() : nameRecord.nftId);\n            if (!avatarObjectId) return null;\n\n            const objectResponse = await client.getObject({\n                id: avatarObjectId,\n                options: { showDisplay: true },\n            });\n\n            return objectResponse?.data?.display?.data?.image_url ?? null;\n\n            async function findSubnameNftId() {\n                let subnameType: string;\n                try {\n                    subnameType = getSubnameRegistrationType(\n                        iotaNamesClient!.getPackage('packageId', 'v1'),\n                    );\n                } catch {\n                    return null;\n                }\n\n                const { data } = await client.getOwnedObjects({\n                    owner: address!,\n                    filter: { StructType: subnameType },\n                    options: { showDisplay: true },\n                });\n\n                return (\n                    data.find((object) => {\n                        try {\n                            return (\n                                normalizeIotaName(object.data?.display?.data?.name ?? '') === name\n                            );\n                        } catch {\n                            return false;\n                        }\n                    })?.data?.objectId ?? null\n                );\n            }\n        },\n        enabled: iotaNamesEnabled && isSupported && !!name && !!address,\n        staleTime: 1000 * 60 * 5,\n    });\n}\n", "// Copyright (c) 2025 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { normalizeIotaName } from '@iota/iota-names-sdk';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { useIotaNamesClient } from './useIotaNamesClient.js';\n\nexport function useGetDefaultIotaName(\n    address: string | null | undefined,\n    iotaNamesEnabled: boolean,\n) {\n    const { iotaNamesClient, networkId, isSupported } = useIotaNamesClient();\n\n    return useQuery({\n        queryKey: ['iota-name', 'default-name', address, networkId],\n        queryFn: async () => {\n            if (!address) return null;\n\n            const name = await iotaNamesClient?.getPublicName(address);\n\n            return name ? normalizeIotaName(name) : name;\n        },\n        enabled: !!address && iotaNamesEnabled && isSupported,\n        staleTime: 1000 * 60 * 10,\n    });\n}\n", "// Copyright (c) 2026 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { IotaGraphQLClient } from '@iota/iota-sdk/graphql';\nimport { IotaNamesClient } from '@iota/iota-names-sdk';\nimport { getNetwork } from '@iota/iota-sdk/client';\nimport { useMemo } from 'react';\n\nimport { useIotaClientContext } from './useIotaClient.js';\n\nexport function useIotaNamesClient() {\n    const { network: networkId } = useIotaClientContext();\n    const network = getNetwork(networkId);\n\n    const iotaNamesClient = useMemo(() => {\n        if (!network.graphql) return null;\n\n        return new IotaNamesClient({\n            graphQlClient: new IotaGraphQLClient({ url: network.graphql }),\n            network: network.id,\n        });\n    }, [network.id, network.graphql]);\n\n    return {\n        iotaNamesClient,\n        networkId: network.id,\n        isSupported: !!iotaNamesClient?.config,\n    };\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { IotaClient } from '@iota/iota-sdk/client';\nimport { useContext } from 'react';\n\nimport { IotaClientContext } from '../components/IotaClientProvider.js';\n\nexport function useIotaClientContext() {\n    const iotaClient = useContext(IotaClientContext);\n\n    if (!iotaClient) {\n        throw new Error(\n            'Could not find IotaClientContext. Ensure that you have set up the IotaClientProvider',\n        );\n    }\n\n    return iotaClient;\n}\n\nexport function useIotaClient(): IotaClient {\n    return useIotaClientContext().client;\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getNetwork, isIotaClient, Network, IotaClient } from '@iota/iota-sdk/client';\nimport type { IotaClientOptions } from '@iota/iota-sdk/client';\nimport { createContext, useMemo, useState } from 'react';\n\nimport type { NetworkConfig } from '../hooks/networkConfig.js';\n\ntype NetworkConfigs<T extends NetworkConfig | IotaClient = NetworkConfig | IotaClient> = Record<\n    string,\n    T\n>;\n\nexport interface IotaClientProviderContext {\n    client: IotaClient;\n    networks: NetworkConfigs;\n    network: string;\n    config: NetworkConfig | null;\n    selectNetwork: (network: string) => void;\n}\n\nexport const IotaClientContext = createContext<IotaClientProviderContext | null>(null);\n\nexport type IotaClientProviderProps<T extends NetworkConfigs> = {\n    createClient?: (name: keyof T, config: T[keyof T]) => IotaClient;\n    children: React.ReactNode;\n    networks?: T;\n    onNetworkChange?: (network: keyof T & string) => void;\n} & (\n    | {\n          defaultNetwork?: keyof T & string;\n          network?: never;\n      }\n    | {\n          defaultNetwork?: never;\n          network?: keyof T & string;\n      }\n);\n\nconst DEFAULT_NETWORKS = {\n    localnet: { url: getNetwork(Network.Localnet)?.url },\n};\n\nconst DEFAULT_CREATE_CLIENT = function createClient(\n    _name: string,\n    config: NetworkConfig | IotaClient,\n) {\n    if (isIotaClient(config)) {\n        return config;\n    }\n\n    return new IotaClient(config);\n};\n\nexport function IotaClientProvider<T extends NetworkConfigs>(props: IotaClientProviderProps<T>) {\n    const { onNetworkChange, network, children } = props;\n    const networks = (props.networks ?? DEFAULT_NETWORKS) as T;\n    const createClient =\n        (props.createClient as typeof DEFAULT_CREATE_CLIENT) ?? DEFAULT_CREATE_CLIENT;\n\n    const [selectedNetwork, setSelectedNetwork] = useState<keyof T & string>(\n        props.network ?? props.defaultNetwork ?? (Object.keys(networks)[0] as keyof T & string),\n    );\n\n    const currentNetwork = props.network ?? selectedNetwork;\n\n    const client = useMemo(() => {\n        return createClient(currentNetwork, networks[currentNetwork]);\n    }, [createClient, currentNetwork, networks]);\n\n    const ctx = useMemo((): IotaClientProviderContext => {\n        return {\n            client,\n            networks,\n            network: currentNetwork,\n            config:\n                networks[currentNetwork] instanceof IotaClient\n                    ? null\n                    : (networks[currentNetwork] as IotaClientOptions),\n            selectNetwork: (newNetwork) => {\n                if (currentNetwork === newNetwork) {\n                    return;\n                }\n\n                if (!network && newNetwork !== selectedNetwork) {\n                    setSelectedNetwork(newNetwork);\n                }\n\n                onNetworkChange?.(newNetwork);\n            },\n        };\n    }, [client, networks, selectedNetwork, currentNetwork, network, onNetworkChange]);\n\n    return <IotaClientContext.Provider value={ctx}>{children}</IotaClientContext.Provider>;\n}\n", "import 'src/components/IotaNameNftImage.css.ts.vanilla.css?source=LklvdGFOYW1lTmZ0SW1hZ2VfaW1hZ2VfX3FzOXIwNjAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmbGV4LXNocmluazogMDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1mdWxsKTsKICBvYmplY3QtZml0OiBjb3ZlcjsKfQ==';\nexport var image = 'IotaNameNftImage_image__qs9r060';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { styleDataAttribute } from '../../constants/styleDataAttribute.js';\n\nimport './StyleMarker.css.js';\n\ntype StyleMarker = {\n    children: ReactNode;\n};\n\nexport const StyleMarker = forwardRef<\n    ElementRef<typeof Slot>,\n    ComponentPropsWithoutRef<typeof Slot>\n>(({ children, ...props }, forwardedRef) => (\n    <Slot ref={forwardedRef} {...props} {...styleDataAttribute}>\n        {children}\n    </Slot>\n));\nStyleMarker.displayName = 'StyleMarker';\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport const styleDataAttributeName = 'data-dapp-kit';\n\nexport const styleDataAttributeSelector = `[${styleDataAttributeName}]`;\n\nexport const styleDataAttribute = { [styleDataAttributeName]: '' };\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { buttonVariants } from './Button.css.js';\nimport type { ButtonVariants } from './Button.css.js';\n\ntype ButtonProps = {\n    asChild?: boolean;\n} & ButtonHTMLAttributes<HTMLButtonElement> &\n    ButtonVariants;\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n    ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {\n        const Comp = asChild ? Slot : 'button';\n        return (\n            <Comp\n                {...props}\n                className={clsx(buttonVariants({ variant, size }), className)}\n                ref={forwardedRef}\n            />\n        );\n    },\n);\nButton.displayName = 'Button';\n\nexport { Button };\n", "import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__ctbx2n0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__ctbx2n1',outline:'Button_buttonVariants_variant_outline__ctbx2n2'},size:{md:'Button_buttonVariants_size_md__ctbx2n3',lg:'Button_buttonVariants_size_lg__ctbx2n4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { textVariants } from './Text.css.js';\nimport type { TextVariants } from './Text.css.js';\n\ntype TextAsChildProps = {\n    asChild?: boolean;\n    as?: never;\n};\n\ntype TextDivProps = { as: 'div'; asChild?: never };\n\ntype TextProps = (TextAsChildProps | TextDivProps) &\n    React.HTMLAttributes<HTMLDivElement> &\n    TextVariants;\n\nconst Text = forwardRef<HTMLDivElement, TextProps>(\n    (\n        {\n            children,\n            className,\n            asChild = false,\n            as: Tag = 'div',\n            size,\n            weight,\n            color,\n            mono,\n            ...textProps\n        },\n        forwardedRef,\n    ) => {\n        return (\n            <Slot\n                {...textProps}\n                ref={forwardedRef}\n                className={clsx(textVariants({ size, weight, color, mono }), className)}\n            >\n                {asChild ? children : <Tag>{children}</Tag>}\n            </Slot>\n        );\n    },\n);\nText.displayName = 'Text';\n\nexport { Text };\n", "import 'src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textVariants = _7a468({defaultClassName:'Text__aprhbd0',variantClassNames:{size:{sm:'Text_textVariants_size_sm__aprhbd1'},weight:{normal:'Text_textVariants_weight_normal__aprhbd2',medium:'Text_textVariants_weight_medium__aprhbd3',bold:'Text_textVariants_weight_bold__aprhbd4'},color:{muted:'Text_textVariants_color_muted__aprhbd5',danger:'Text_textVariants_color_danger__aprhbd6'},mono:{true:'Text_textVariants_mono_true__aprhbd7'}},defaultVariants:{size:'sm',weight:'normal'},compoundVariants:[]});"],
+  "mappings": "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",
+  "names": ["import_clsx", "import_react", "import_react_query", "import_jsx_runtime", "import_react", "import_iota_names_sdk", "import_react_query", "import_iota_names_sdk", "import_react_query", "import_client", "import_react", "import_react", "import_react", "import_jsx_runtime", "import_jsx_runtime", "import_react", "import_jsx_runtime", "import_react_slot", "import_react", "_7a468", "import_jsx_runtime", "clsx", "import_react_slot", "import_clsx", "import_react", "import_createRuntimeFn", "_7a468", "import_jsx_runtime", "clsx", "import_jsx_runtime", "clsx"]
 }