@velora-dex/widget 0.2.0 → 0.2.2

package/dist/styles.css

@@ -67,7 +67,7 @@
     }
   }
 }
-.velora-widget {
+:root, :host {
   --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --color-red-800: oklch(44.4% .177 26.899);
@@ -349,6 +349,9 @@
 .velora-widget.velora-widget .relative {
   position: relative;
 }
+.velora-widget.velora-widget .sticky {
+  position: sticky;
+}
 .velora-widget.velora-widget .inset-0 {
   inset: calc(var(--spacing) * 0);
 }
@@ -415,6 +418,9 @@
 .velora-widget.velora-widget .z-10 {
   z-index: 10;
 }
+.velora-widget.velora-widget .z-11 {
+  z-index: 11;
+}
 .velora-widget.velora-widget .z-50 {
   z-index: 50;
 }
@@ -461,6 +467,9 @@
 .velora-widget.velora-widget .m-0 {
   margin: calc(var(--spacing) * 0);
 }
+.velora-widget.velora-widget .m-\[-8px\] {
+  margin: -8px;
+}
 .velora-widget.velora-widget .m-auto {
   margin: auto;
 }
@@ -926,10 +935,6 @@
   --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.velora-widget.velora-widget .translate-y-0\.5 {
-  --tw-translate-y: calc(var(--spacing) * .5);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
 .velora-widget.velora-widget .translate-y-\[-50\%\] {
   --tw-translate-y: -50%;
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1509,9 +1514,6 @@
 .velora-widget.velora-widget .pt-\[24px\] {
   padding-top: 24px;
 }
-.velora-widget.velora-widget .pt-\[185px\] {
-  padding-top: 185px;
-}
 .velora-widget.velora-widget .pr-0\.5 {
   padding-right: calc(var(--spacing) * .5);
 }
@@ -1776,6 +1778,9 @@
 .velora-widget.velora-widget .underline {
   text-decoration-line: underline;
 }
+.velora-widget.velora-widget .underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .velora-widget.velora-widget .underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -1924,6 +1929,10 @@
   --tw-duration: .3s;
   transition-duration: .3s;
 }
+.velora-widget.velora-widget .duration-500 {
+  --tw-duration: .5s;
+  transition-duration: .5s;
+}
 .velora-widget.velora-widget .ease-in-out {
   --tw-ease: var(--ease-in-out);
   transition-timing-function: var(--ease-in-out);
@@ -2213,9 +2222,6 @@
 .velora-widget.velora-widget .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
-.velora-widget.velora-widget .disabled\:cursor-default:disabled {
-  cursor: default;
-}
 .velora-widget.velora-widget .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -2228,9 +2234,6 @@
 .velora-widget.velora-widget .disabled\:opacity-50:disabled {
   opacity: .5;
 }
-.velora-widget.velora-widget .disabled\:opacity-100:disabled {
-  opacity: 1;
-}
 .velora-widget.velora-widget .disabled\:shadow-none:disabled {
   --tw-shadow: 0 0 #0000;
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2536,9 +2539,6 @@
 .velora-widget.velora-widget .dark\:bg-\[\#0000000D\]:is(.velora-widget.dark *) {
   background-color: #0000000d;
 }
-.velora-widget.velora-widget .dark\:bg-\[\#151724\]:is(.velora-widget.dark *) {
-  background-color: #151724;
-}
 .velora-widget.velora-widget .dark\:bg-contrast-1:is(.velora-widget.dark *) {
   background-color: var(--contrast-1);
 }
@@ -2788,6 +2788,9 @@
 :is(.velora-widget.velora-widget .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
   color: var(--destructive) !important;
 }
+.velora-widget.velora-widget .\[\&\>\*\]\:pointer-events-auto > * {
+  pointer-events: auto;
+}
 .velora-widget.velora-widget .\[\&\>svg\]\:pointer-events-none > svg {
   pointer-events: none;
 }

package/dist/tokens/state/addImportedTokenAtom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addImportedTokenAtom.d.ts","sourceRoot":"","sources":["../../../src/tokens/state/addImportedTokenAtom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AASpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAgBlD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,KAAK,eAAe,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,CAAC,aAAa,EAAE,eAAe,KAAK,IAAI,CAAC;AAEtE,eAAO,MAAM,oBAAoB;cASjB,eAAe;kBACX,sBAAsB,CAAC,iBAAiB,CAAC;;;CA8D5D,CAAC;AAKF,eAAO,MAAM,wBAAwB;aAKR,OAAO;aAAW,gBAAgB;;;CA8B9D,CAAC"}
+{"version":3,"file":"addImportedTokenAtom.d.ts","sourceRoot":"","sources":["../../../src/tokens/state/addImportedTokenAtom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAKpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI/D,KAAK,eAAe,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,CAAC,aAAa,EAAE,eAAe,KAAK,IAAI,CAAC;AAEtE,eAAO,MAAM,oBAAoB;cASjB,eAAe;kBACX,sBAAsB,CAAC,iBAAiB,CAAC;;;CAuC5D,CAAC;AAKF,eAAO,MAAM,wBAAwB;aAKR,OAAO;aAAW,gBAAgB;;;CA8B9D,CAAC"}

package/dist/tokens/state/addImportedTokenAtom.js

@@ -1,10 +1,9 @@
 import { atom } from 'jotai';
 import { importedTokensAtom, autoImportedTokensAtom } from './importedTokensAtom.js';
-import { pickDefaultTokenPair } from '../defaultTokens.js';
-import { swapTokenToAtom, swapTokenFromAtom } from '../../core/inputs/state/selectedTokenAtom.js';
-import { selectSwapTokenToAtom, selectSwapTokenFromAtom } from '../../core/inputs/state/selectedTokenActionsAtom.js';
 import { fetchUnknownTokenData } from '../../hooks/tokens/data/useMultichainTokensData.js';
 import { constructToken } from '@velora-dex/sdk';
+import { tradeModeAtom } from '../../core/state/tradeModeAtom.js';
+import { tradeModeToSetTokenAtoms } from '../../core/inputs/state/common.js';
 
 const addImportedTokenAtom = atom(null, (get, set, {
   newToken,
@@ -27,26 +26,10 @@ const addImportedTokenAtom = atom(null, (get, set, {
     [chainId]: [...tokensForChain, tokenToAdd]
   });
   if (!afterAction) return tokenToAdd;
-  const oppositeCurrentToken = get(afterAction === "set-token-from" ? swapTokenToAtom : swapTokenFromAtom);
-  const willBeCrosschain = oppositeCurrentToken && oppositeCurrentToken.network !== tokenToAdd.network;
-  if (willBeCrosschain) {
-    const [defaultTokenFrom, defaultTokenTo] = pickDefaultTokenPair(
-      tokenToAdd.network,
-      "swap"
-      // "swap" is alright as long as we set token into Swap TokenInput
-    );
-    const oppositeDefaultToken = afterAction === "set-token-from" ? defaultTokenTo : defaultTokenFrom;
-    if (afterAction === "set-token-from") {
-      set(selectSwapTokenToAtom, oppositeDefaultToken);
-    } else {
-      set(selectSwapTokenFromAtom, oppositeDefaultToken);
-    }
-  }
-  if (afterAction === "set-token-from") {
-    set(selectSwapTokenFromAtom, tokenToAdd);
-  } else if (afterAction === "set-token-to") {
-    set(selectSwapTokenToAtom, tokenToAdd);
-  }
+  const tradeMode = get(tradeModeAtom);
+  const tokensToSet = tradeModeToSetTokenAtoms[tradeMode];
+  const tokenAtomToSet = tokensToSet[afterAction === "set-token-from" ? "tokenFromAtom" : "tokenToAtom"];
+  set(tokenAtomToSet, tokenToAdd);
   return tokenToAdd;
 });
 const autoAddImportedTokenAtom = atom([], async (get, set, minTokenData) => {

package/dist/tokens/state/addImportedTokenAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"addImportedTokenAtom.js","sources":["../../../src/tokens/state/addImportedTokenAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport type { ImportedToken, Token } from \"./types\";\nimport type { ImportTokenDrawerProps } from \"@/components/widget/ImportToken/types\";\n// import {\n//   selectTokenFromAtom,\n//   selectTokenToAtom,\n// } from \"@/core/inputs/state/selectedTokenActionsAtom\";\nimport {\n  autoImportedTokensAtom,\n  importedTokensAtom,\n} from \"./importedTokensAtom\";\nimport type { MarkRequired } from \"ts-essentials\";\n// import {\n//   tokenFromAtom,\n//   tokenToAtom,\n// } from \"@/core/inputs/state/selectedTokenAtom\";\nimport { pickDefaultTokenPair } from \"../defaultTokens\";\nimport {\n  swapTokenFromAtom,\n  swapTokenToAtom,\n} from \"@/core/inputs/state/selectedTokenAtom\";\nimport {\n  selectSwapTokenFromAtom,\n  selectSwapTokenToAtom,\n} from \"@/core/inputs/state/selectedTokenActionsAtom\";\nimport { fetchUnknownTokenData } from \"@/hooks/tokens/data/useMultichainTokensData\";\nimport { constructToken } from \"@velora-dex/sdk\";\nimport type { Address } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\ntype TokenWithSymbol = MarkRequired<Token, \"symbol\">;\nexport type OnImportAction = (tokenImported: TokenWithSymbol) => void;\n\nexport const addImportedTokenAtom = atom(\n  null,\n  (\n    get,\n    set,\n    {\n      newToken,\n      afterAction,\n    }: {\n      newToken: TokenWithSymbol;\n      afterAction?: ImportTokenDrawerProps[\"onConfirmAction\"];\n    }\n  ) => {\n    const chainId = newToken.network;\n    const currentTokens = get(importedTokensAtom);\n    const tokensForChain = currentTokens[chainId] ?? [];\n    // Avoid duplicates by address\n    const newTokenAddressLower = newToken.address.toLowerCase();\n    const alreadyExists = tokensForChain.some(\n      (t) => t.address.toLowerCase() === newTokenAddressLower\n    );\n    if (alreadyExists) return;\n\n    const tokenToAdd: ImportedToken = {\n      // get rid of extra props attached for display purposes (usdBalance, fetchedOnChain)\n      ...pickOnlyTokenProps(newToken),\n      imported: true,\n      symbol: newToken.symbol,\n    };\n\n    set(importedTokensAtom, {\n      ...currentTokens,\n      [chainId]: [...tokensForChain, tokenToAdd],\n    });\n\n    if (!afterAction) return tokenToAdd;\n\n    const oppositeCurrentToken = get(\n      afterAction === \"set-token-from\" ? swapTokenToAtom : swapTokenFromAtom\n    );\n    const willBeCrosschain =\n      oppositeCurrentToken &&\n      oppositeCurrentToken.network !== tokenToAdd.network;\n    // if setting the newly imported Token into TokenInput would force crosschain,\n    // given that all crosschain supported tokens are already available from crosschain tokenList,\n    // the new crosschain pair will not be valid.\n    if (willBeCrosschain) {\n      // get default token pair for the imported token chain\n      const [defaultTokenFrom, defaultTokenTo] = pickDefaultTokenPair(\n        tokenToAdd.network,\n        \"swap\" // \"swap\" is alright as long as we set token into Swap TokenInput\n      );\n      const oppositeDefaultToken =\n        afterAction === \"set-token-from\" ? defaultTokenTo : defaultTokenFrom;\n      if (afterAction === \"set-token-from\") {\n        // imported token set as tokenFrom -> set tokenTo to default token for the imported token chain\n        set(selectSwapTokenToAtom, oppositeDefaultToken);\n      } else {\n        // imported token set as tokenTo -> set tokenFrom to default token for the imported token chain\n        set(selectSwapTokenFromAtom, oppositeDefaultToken);\n      }\n      // internally in selectToken*Atom we request chain switch\n    }\n\n    if (afterAction === \"set-token-from\") {\n      set(selectSwapTokenFromAtom, tokenToAdd);\n    } else if (afterAction === \"set-token-to\") {\n      set(selectSwapTokenToAtom, tokenToAdd);\n    }\n\n    return tokenToAdd;\n  }\n);\n\n// fetches Token data onchain internally,\n// adds it to addImportedTokenAtom.\n// then adds it to autoImportedTokensAtom.\nexport const autoAddImportedTokenAtom = atom(\n  [],\n  async (\n    get,\n    set,\n    minTokenData: { address: Address; chainId: SupportedChainId }\n  ) => {\n    const fetchedToken = await fetchUnknownTokenData(minTokenData);\n\n    if (fetchedToken) {\n      const constructedToken = constructToken(fetchedToken);\n      const importedToken = set(addImportedTokenAtom, {\n        newToken: {\n          ...constructedToken,\n          symbol: fetchedToken.symbol,\n          network: minTokenData.chainId,\n        },\n      });\n\n      if (importedToken) {\n        const currentAutoImportedTokens = get(autoImportedTokensAtom);\n        const alreadyExists = currentAutoImportedTokens.some(\n          (t) =>\n            t.address.toLowerCase() === importedToken.address.toLowerCase() &&\n            t.network === importedToken.network\n        );\n        if (alreadyExists) return;\n\n        set(autoImportedTokensAtom, [\n          ...currentAutoImportedTokens,\n          importedToken,\n        ]);\n      }\n    }\n  }\n);\n\nfunction pickOnlyTokenProps(token: Token): Token {\n  return {\n    address: token.address,\n    decimals: token.decimals,\n    symbol: token.symbol,\n    tokenType: token.tokenType,\n    mainConnector: token.mainConnector,\n    connectors: token.connectors,\n    network: token.network,\n    img: token.img,\n    allowance: token.allowance,\n    balance: token.balance,\n    imported: token.imported,\n    name: token.name,\n    fromList: token.fromList,\n    fromListURL: token.fromListURL,\n  };\n}\n"],"names":["addImportedTokenAtom","atom","get","set","newToken","afterAction","chainId","network","currentTokens","importedTokensAtom","tokensForChain","newTokenAddressLower","address","toLowerCase","alreadyExists","some","t","tokenToAdd","pickOnlyTokenProps","imported","symbol","oppositeCurrentToken","swapTokenToAtom","swapTokenFromAtom","willBeCrosschain","defaultTokenFrom","defaultTokenTo","pickDefaultTokenPair","oppositeDefaultToken","selectSwapTokenToAtom","selectSwapTokenFromAtom","autoAddImportedTokenAtom","minTokenData","fetchedToken","fetchUnknownTokenData","constructedToken","constructToken","importedToken","currentAutoImportedTokens","autoImportedTokensAtom","token","decimals","tokenType","mainConnector","connectors","img","allowance","balance","name","fromList","fromListURL"],"mappings":"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"}
+{"version":3,"file":"addImportedTokenAtom.js","sources":["../../../src/tokens/state/addImportedTokenAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport type { ImportedToken, Token } from \"./types\";\nimport type { ImportTokenDrawerProps } from \"@/components/widget/ImportToken/types\";\nimport {\n  autoImportedTokensAtom,\n  importedTokensAtom,\n} from \"./importedTokensAtom\";\nimport type { MarkRequired } from \"ts-essentials\";\nimport { fetchUnknownTokenData } from \"@/hooks/tokens/data/useMultichainTokensData\";\nimport { constructToken } from \"@velora-dex/sdk\";\nimport type { Address } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { tradeModeAtom } from \"@/core/state/tradeModeAtom\";\nimport { tradeModeToSetTokenAtoms } from \"@/core/inputs/state/common\";\n\ntype TokenWithSymbol = MarkRequired<Token, \"symbol\">;\nexport type OnImportAction = (tokenImported: TokenWithSymbol) => void;\n\nexport const addImportedTokenAtom = atom(\n  null,\n  (\n    get,\n    set,\n    {\n      newToken,\n      afterAction,\n    }: {\n      newToken: TokenWithSymbol;\n      afterAction?: ImportTokenDrawerProps[\"onConfirmAction\"];\n    }\n  ) => {\n    const chainId = newToken.network;\n    const currentTokens = get(importedTokensAtom);\n    const tokensForChain = currentTokens[chainId] ?? [];\n    // Avoid duplicates by address\n    const newTokenAddressLower = newToken.address.toLowerCase();\n    const alreadyExists = tokensForChain.some(\n      (t) => t.address.toLowerCase() === newTokenAddressLower\n    );\n    if (alreadyExists) return;\n\n    const tokenToAdd: ImportedToken = {\n      // get rid of extra props attached for display purposes (usdBalance, fetchedOnChain)\n      ...pickOnlyTokenProps(newToken),\n      imported: true,\n      symbol: newToken.symbol,\n    };\n\n    set(importedTokensAtom, {\n      ...currentTokens,\n      [chainId]: [...tokensForChain, tokenToAdd],\n    });\n\n    if (!afterAction) return tokenToAdd;\n\n    const tradeMode = get(tradeModeAtom);\n    const tokensToSet = tradeModeToSetTokenAtoms[tradeMode];\n    const tokenAtomToSet =\n      tokensToSet[\n        afterAction === \"set-token-from\" ? \"tokenFromAtom\" : \"tokenToAtom\"\n      ];\n    // atom setter inside takes care of disallowed pair choices,\n    // like invalid crosschain match\n    set(tokenAtomToSet, tokenToAdd);\n\n    return tokenToAdd;\n  }\n);\n\n// fetches Token data onchain internally,\n// adds it to addImportedTokenAtom.\n// then adds it to autoImportedTokensAtom.\nexport const autoAddImportedTokenAtom = atom(\n  [],\n  async (\n    get,\n    set,\n    minTokenData: { address: Address; chainId: SupportedChainId }\n  ) => {\n    const fetchedToken = await fetchUnknownTokenData(minTokenData);\n\n    if (fetchedToken) {\n      const constructedToken = constructToken(fetchedToken);\n      const importedToken = set(addImportedTokenAtom, {\n        newToken: {\n          ...constructedToken,\n          symbol: fetchedToken.symbol,\n          network: minTokenData.chainId,\n        },\n      });\n\n      if (importedToken) {\n        const currentAutoImportedTokens = get(autoImportedTokensAtom);\n        const alreadyExists = currentAutoImportedTokens.some(\n          (t) =>\n            t.address.toLowerCase() === importedToken.address.toLowerCase() &&\n            t.network === importedToken.network\n        );\n        if (alreadyExists) return;\n\n        set(autoImportedTokensAtom, [\n          ...currentAutoImportedTokens,\n          importedToken,\n        ]);\n      }\n    }\n  }\n);\n\nfunction pickOnlyTokenProps(token: Token): Token {\n  return {\n    address: token.address,\n    decimals: token.decimals,\n    symbol: token.symbol,\n    tokenType: token.tokenType,\n    mainConnector: token.mainConnector,\n    connectors: token.connectors,\n    network: token.network,\n    img: token.img,\n    allowance: token.allowance,\n    balance: token.balance,\n    imported: token.imported,\n    name: token.name,\n    fromList: token.fromList,\n    fromListURL: token.fromListURL,\n  };\n}\n"],"names":["addImportedTokenAtom","atom","get","set","newToken","afterAction","chainId","network","currentTokens","importedTokensAtom","tokensForChain","newTokenAddressLower","address","toLowerCase","alreadyExists","some","t","tokenToAdd","pickOnlyTokenProps","imported","symbol","tradeMode","tradeModeAtom","tokensToSet","tradeModeToSetTokenAtoms","tokenAtomToSet","autoAddImportedTokenAtom","minTokenData","fetchedToken","fetchUnknownTokenData","constructedToken","constructToken","importedToken","currentAutoImportedTokens","autoImportedTokensAtom","token","decimals","tokenType","mainConnector","connectors","img","allowance","balance","name","fromList","fromListURL"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@velora-dex/widget",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -33,6 +33,8 @@
     "@eslint/js": "^9.32.0",
     "@tailwindcss/vite": "^4.1.11",
     "@tanstack/eslint-plugin-query": "^5.83.1",
+    "@tanstack/react-query": "^5.90.12",
+    "@tanstack/react-query-devtools": "^5.91.1",
     "@types/big.js": "^6.2.2",
     "@types/node": "^20.19.9",
     "@types/react": "^19.1.9",
@@ -70,8 +72,6 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@tanstack/react-pacer": "^0.14.0",
-    "@tanstack/react-query": "^5.84.1",
-    "@tanstack/react-query-devtools": "^5.84.1",
     "@tanstack/react-virtual": "^3.13.12",
     "@uniswap/token-lists": "1.0.0-beta.34",
     "@velora-dex/sdk": "9.2.0",
@@ -83,9 +83,9 @@
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.18",
     "immer": "^10.1.1",
-    "jotai": "^2.15.0",
+    "jotai": "2.15.0",
     "jotai-devtools": "^0.13.0",
-    "jotai-effect": "^2.1.3",
+    "jotai-effect": "2.1.6",
     "jotai-immer": "^0.4.1",
     "jotai-tanstack-query": "^0.11.0",
     "lucide-react": "^0.536.0",
@@ -100,7 +100,8 @@
     "wagmi": "^2.16.1"
   },
   "peerDependencies": {
-    "react": "^18.x || ^19.x",
-    "react-dom": "^18.x || ^19.x"
+    "@tanstack/react-query": "^5.90.0",
+    "react": "18.x || 19.x",
+    "react-dom": "18.x || 19.x"
   }
 }

package/dist/components/widget/TokenInput/EmptyInput.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { EmptySelectTokenButton } from '../SelectToken/SelectTokenButton.js';
-import { cn } from '../../../lib/utils/index.js';
-
-const EmptyInput = (t0) => {
-  const $ = distExports.c(11);
-  const {
-    tokenType,
-    drawerContainer,
-    onTokenSelect,
-    classes,
-    disabled
-  } = t0;
-  const t1 = classes?.root;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = cn("flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t1);
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  let t4;
-  if ($[3] !== disabled || $[4] !== drawerContainer || $[5] !== onTokenSelect || $[6] !== tokenType) {
-    t4 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect, disabled });
-    $[3] = disabled;
-    $[4] = drawerContainer;
-    $[5] = onTokenSelect;
-    $[6] = tokenType;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t2 || $[9] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
-      t3,
-      t4
-    ] });
-    $[8] = t2;
-    $[9] = t4;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  return t5;
-};
-
-export { EmptyInput };
-//# sourceMappingURL=EmptyInput.js.map

package/dist/components/widget/TokenInput/EmptyInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyInput.js","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"sourcesContent":["import { EmptySelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\n\nexport const EmptyInput: React.FC<\n  Pick<\n    TokenInputProps,\n    \"tokenType\" | \"drawerContainer\" | \"onTokenSelect\" | \"classes\" | \"disabled\"\n  >\n> = ({ tokenType, drawerContainer, onTokenSelect, classes, disabled }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n        Receive\n      </div>\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n"],"names":["EmptyInput","t0","$","_c","tokenType","drawerContainer","onTokenSelect","classes","disabled","t1","root","t2","cn","t3","Symbol","for","t4","t5"],"mappings":";;;;;AAIO,MAAMA,aAKTC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAKG,EAAA,MAAAQ,KAAAF,OAAAA,EAAOG,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAT,CAAAA,QAAAO,EAAAA,EAAA;AAFJE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,8JACAH,EACF,CAAA;AAACP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAY,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EAA+C,QAAA,EAAA,SAAA,EAE9D,CAAA;AAAMX,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAM,QAAAA,IAAAN,EAAA,CAAA,CAAA,KAAAG,eAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAI,aAAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AACNY,IAAAA,EAAAA,mBAAA,GAAA,CAAC,sBAAA,EAAA,EACYZ,SAAAA,EACMC,eAAAA,EACFC,eACLE,QAAAA,EAAQ,CAAA;AAClBN,IAAAA,CAAAA,MAAAM,QAAAA;AAAAN,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAf,EAAA,CAAA,CAAA,KAAAS,MAAAT,CAAAA,QAAAc,EAAAA,EAAA;AAdJC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAN,EAAAA,EAKXE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG;AAAAA,KAAAA,EAMF,CAAA;AAAMd,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAc,EAAAA;AAAAd,IAAAA,CAAAA,OAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAfNe,EAAAA;AAeM;;;;"}