@velora-dex/widget 0.0.22 → 0.1.0-rc.0

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/index.tsx"],"sourcesContent":["import { chain2Tokens } from \"./tokens\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport type { TokenBadgeProps } from \"@/components/widget/TokenBadge/types\";\nimport { useChainId } from \"wagmi\";\nimport { useTokensByAddress } from \"@/hooks/tokens/useTokensByAddress\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport type { Token } from \"@/tokens/state/types\";\n\ntype TokenCloudElementProps = {\n  address: string;\n  symbol: string;\n  chainId: SupportedChainId;\n  img?: string;\n  onClick: () => void;\n  showNetworkIcon?: boolean;\n};\n\nconst badgeClasses: TokenBadgeProps[\"classes\"] = {\n  symbol: \"text-sm\",\n};\n\nconst TokenCloudElement = ({\n  address,\n  symbol,\n  chainId,\n  img,\n  onClick,\n  showNetworkIcon,\n}: TokenCloudElementProps) => {\n  return (\n    <div\n      onClick={onClick}\n      className=\"h-[35px] cursor-pointer flex items-center px-2 rounded-xxl dark:text-contrast-6 bg-contrast-9 dark:bg-contrast-2 hover:bg-contrast-9 dark:hover:bg-contrast-3 outline-none dark:hover:outline-1 dark:hover:outline-black transition-colors hover:shadow-[0_1px_6px_0_rgba(0,0,0,0.15)]\"\n    >\n      <TokenBadge\n        address={address}\n        symbol={symbol}\n        chainId={chainId}\n        img={img}\n        classes={badgeClasses}\n        showNetworkIcon={showNetworkIcon}\n      />\n    </div>\n  );\n};\n\ntype TokenCloudProps = {\n  onSelectToken: (token: Token) => void;\n  excludedTokens?: Pick<Token, \"address\">[];\n  forcedChainId?: SupportedChainId;\n  showNetworkIcon?: boolean;\n};\nexport const TokenCloud = ({\n  onSelectToken,\n  excludedTokens,\n  forcedChainId,\n  showNetworkIcon,\n}: TokenCloudProps) => {\n  const stateChainId = useChainId();\n  const chainId = forcedChainId || stateChainId;\n  const tokensByAddress = useTokensByAddress(chainId);\n\n  const tokens = chain2Tokens[chainId];\n  const excluded = new Set(\n    excludedTokens?.map((token) => token.address.toLowerCase())\n  );\n\n  return (\n    <div className=\"flex flex-wrap gap-x-2 gap-y-3 px-6\">\n      {tokens?.map((token) => {\n        const tokenLowercase = token.address.toLowerCase();\n        const tokenFromLists = tokensByAddress[tokenLowercase];\n\n        if (!tokenFromLists || excluded.has(tokenLowercase)) return null; // this won't happen\n\n        const onClick = () => onSelectToken(tokenFromLists);\n\n        return (\n          <TokenCloudElement\n            key={token.address}\n            address={token.address}\n            symbol={tokenFromLists.symbol || token.symbol}\n            img={tokenFromLists.img}\n            chainId={chainId}\n            onClick={onClick}\n            showNetworkIcon={showNetworkIcon}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["badgeClasses","symbol","TokenCloudElement","t0","$","_c","address","chainId","img","onClick","showNetworkIcon","t1","t2","TokenCloud","onSelectToken","excludedTokens","forcedChainId","stateChainId","useChainId","tokensByAddress","useTokensByAddress","tokens","chain2Tokens","Set","map","_temp","excluded","token_0","tokenLowercase","token","toLowerCase","tokenFromLists","has","t3"],"mappings":"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"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/tokens.d.ts

@@ -0,0 +1,5 @@
+import { Token } from '../../../../../../tokens/state/types';
+type FrequentlyTradedToken = Required<Pick<Token, "address" | "symbol">>;
+export declare const chain2Tokens: Record<number, FrequentlyTradedToken[]>;
+export {};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/tokens.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,KAAK,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC;AASzE,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,EAAE,CA+EhE,CAAC"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/tokens.js

@@ -0,0 +1,186 @@
+import { ETH_ADDRESS } from '../../../../../../tokens/constants.js';
+import { unichain, sonic, gnosis, base, optimism, arbitrum, avalanche, polygon, bsc, mainnet } from 'wagmi/chains';
+
+const ETH_TOKEN = {
+  address: ETH_ADDRESS,
+  symbol: "ETH"
+};
+const chain2Tokens = {
+  [mainnet.id]: [ETH_TOKEN, {
+    address: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+    symbol: "DAI"
+  }, {
+    address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+    symbol: "USDC"
+  }, {
+    address: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
+    symbol: "WETH"
+  }, {
+    address: "0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599",
+    symbol: "WBTC"
+  }, {
+    address: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
+    symbol: "USDT"
+  }],
+  [bsc.id]: [
+    {
+      ...ETH_TOKEN,
+      symbol: "BNB"
+    },
+    {
+      address: "0xe9e7CEA3DedcA5984780Bafc599bD69ADd087D56",
+      symbol: "BUSD"
+    },
+    // { address: "0x1AF3F329e8BE154074D8769D1FFa4eE058B1DBc3", symbol: "DAI" },
+    {
+      address: "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d",
+      symbol: "USDC"
+    },
+    {
+      address: "0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c",
+      symbol: "WBNB"
+    },
+    {
+      address: "0x7130d2A12B9BCbFAe4f2634d864A1Ee1Ce3Ead9c",
+      symbol: "BTCB"
+    },
+    {
+      address: "0x55d398326f99059fF775485246999027B3197955",
+      symbol: "USDT"
+    }
+  ],
+  [polygon.id]: [{
+    ...ETH_TOKEN,
+    symbol: "MATIC"
+  }, {
+    address: "0x8f3Cf7ad23Cd3CaDbD9735AFf958023239c6A063",
+    symbol: "DAI"
+  }, {
+    address: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174",
+    symbol: "USDC"
+  }, {
+    address: "0x0d500B1d8E8eF31E21C99d1Db9A6444d3ADf1270",
+    symbol: "WMATIC"
+  }, {
+    address: "0x1BFD67037B42Cf73acF2047067bd4F2C47D9BfD6",
+    symbol: "WBTC"
+  }, {
+    address: "0xc2132D05D31c914a87C6611C10748AEb04B58e8F",
+    symbol: "USDT"
+  }],
+  [avalanche.id]: [{
+    ...ETH_TOKEN,
+    symbol: "AVAX"
+  }, {
+    address: "0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E",
+    symbol: "USDC"
+  }, {
+    address: "0xB31f66AA3C1e785363F0875A1B74E27b85FD66c7",
+    symbol: "WAVAX"
+  }, {
+    address: "0x50b7545627a5162F82A992c33b87aDc75187B218",
+    symbol: "WBTC.e"
+  }, {
+    address: "0x152b9d0FdC40C096757F570A51E494bd4b943E50",
+    symbol: "BTC.b"
+  }, {
+    address: "0x9702230a8ea53601f5cd2dc00fdbc13d4df4a8c7",
+    symbol: "USDT"
+  }],
+  [arbitrum.id]: [ETH_TOKEN, {
+    address: "0x912CE59144191C1204E64559FE8253a0e49E6548",
+    symbol: "ARB"
+  }, {
+    address: "0xFF970A61A04b1cA14834A43f5dE4533eBDDB5CC8",
+    symbol: "USDC"
+  }, {
+    address: "0x82aF49447D8a07e3bd95BD0d56f35241523fBab1",
+    symbol: "WETH"
+  }, {
+    address: "0x2f2a2543B76A4166549F7aaB2e75Bef0aefC5B0f",
+    symbol: "WBTC"
+  }, {
+    address: "0xFd086bC7CD5C481DCC9C85ebE478A1C0b69FCbb9",
+    symbol: "USDT"
+  }],
+  [optimism.id]: [ETH_TOKEN, {
+    address: "0xDA10009cBd5D07dd0CeCc66161FC93D7c9000da1",
+    symbol: "DAI"
+  }, {
+    address: "0x7F5c764cBc14f9669B88837ca1490cCa17c31607",
+    symbol: "USDC.e"
+  }, {
+    address: "0x4200000000000000000000000000000000000042",
+    symbol: "OP"
+  }, {
+    address: "0x4200000000000000000000000000000000000006",
+    symbol: "WETH"
+  }, {
+    address: "0x68f180fcCe6836688e9084f035309E29Bf0A2095",
+    symbol: "WBTC"
+  }, {
+    address: "0x94b008aA00579c1307B0EF2c499aD98a8ce58e58",
+    symbol: "USDT"
+  }],
+  [base.id]: [ETH_TOKEN, {
+    address: "0xd9aaec86b65d86f6a7b5b1b0c42ffa531710b6ca",
+    symbol: "USDBC"
+  }, {
+    address: "0x4200000000000000000000000000000000000006",
+    symbol: "WETH"
+  }, {
+    address: "0x2ae3f1ec7f1f5012cfeab0185bfc7aa3cf0dec22",
+    symbol: "CBETH"
+  }, {
+    address: "0xfa980ced6895ac314e7de34ef1bfae90a5add21b",
+    symbol: "PRIME"
+  }],
+  [gnosis.id]: [{
+    ...ETH_TOKEN,
+    symbol: "XDAI"
+  }, {
+    address: "0xDDAfbb505ad214D7b80b1f830fcCc89B60fb7A83",
+    symbol: "USDC"
+  }, {
+    address: "0xe91D153E0b41518A2Ce8Dd3D7944Fa863463a97d",
+    symbol: "WXDAI"
+  }, {
+    address: "0x6A023CCd1ff6F2045C3309768eAd9E68F978f6e1",
+    symbol: "WETH"
+  }, {
+    address: "0x9C58BAcC331c9aa871AFD802DB6379a98e80CEdb",
+    symbol: "GNO"
+  }, {
+    address: "0x8e5bBbb09Ed1ebdE8674Cda39A0c169401db4252",
+    symbol: "WBTC"
+  }],
+  [sonic.id]: [{
+    ...ETH_TOKEN,
+    symbol: "S"
+  }, {
+    address: "0x29219dd400f2Bf60E5a23d13Be72B486D4038894",
+    symbol: "USDC"
+  }, {
+    address: "0x039e2fB66102314Ce7b64Ce5Ce3E5183bc94aD38",
+    symbol: "WS"
+  }, {
+    address: "0x6047828dc181963ba44974801FF68e538dA5eaF9",
+    symbol: "USDT"
+  }, {
+    address: "0x50c42dEAcD8Fc9773493ED674b675bE577f2634b",
+    symbol: "WETH"
+  }],
+  [unichain.id]: [ETH_TOKEN, {
+    address: "0x078d782b760474a361dda0af3839290b0ef57ad6",
+    symbol: "USDC"
+  }, {
+    address: "0x9151434b16b9763660705744891fa906f660ecc5",
+    symbol: "USDT0"
+  }, {
+    address: "0x4200000000000000000000000000000000000006",
+    symbol: "WETH"
+  }]
+};
+
+export { chain2Tokens };
+//# sourceMappingURL=tokens.js.map

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/tokens.ts"],"sourcesContent":["import {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  sonic,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { ETH_ADDRESS } from \"@/tokens/constants\";\n\ntype FrequentlyTradedToken = Required<Pick<Token, \"address\" | \"symbol\">>;\n\nconst ETH_TOKEN: FrequentlyTradedToken = {\n  address: ETH_ADDRESS,\n  symbol: \"ETH\",\n};\n\n// tokens to display separately for quick access\n// <=6 tokens is the optimal number, takes up 2 rows\nexport const chain2Tokens: Record<number, FrequentlyTradedToken[]> = {\n  [mainnet.id]: [\n    ETH_TOKEN,\n    { address: \"0x6B175474E89094C44Da98b954EedeAC495271d0F\", symbol: \"DAI\" },\n    { address: \"0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48\", symbol: \"USDC\" },\n    { address: \"0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2\", symbol: \"WETH\" },\n    { address: \"0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599\", symbol: \"WBTC\" },\n    { address: \"0xdAC17F958D2ee523a2206206994597C13D831ec7\", symbol: \"USDT\" },\n  ],\n  [bsc.id]: [\n    { ...ETH_TOKEN, symbol: \"BNB\" },\n    { address: \"0xe9e7CEA3DedcA5984780Bafc599bD69ADd087D56\", symbol: \"BUSD\" },\n    // { address: \"0x1AF3F329e8BE154074D8769D1FFa4eE058B1DBc3\", symbol: \"DAI\" },\n    { address: \"0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d\", symbol: \"USDC\" },\n    { address: \"0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c\", symbol: \"WBNB\" },\n    { address: \"0x7130d2A12B9BCbFAe4f2634d864A1Ee1Ce3Ead9c\", symbol: \"BTCB\" },\n    { address: \"0x55d398326f99059fF775485246999027B3197955\", symbol: \"USDT\" },\n  ],\n  [polygon.id]: [\n    { ...ETH_TOKEN, symbol: \"MATIC\" },\n    { address: \"0x8f3Cf7ad23Cd3CaDbD9735AFf958023239c6A063\", symbol: \"DAI\" },\n    { address: \"0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174\", symbol: \"USDC\" },\n    { address: \"0x0d500B1d8E8eF31E21C99d1Db9A6444d3ADf1270\", symbol: \"WMATIC\" },\n    { address: \"0x1BFD67037B42Cf73acF2047067bd4F2C47D9BfD6\", symbol: \"WBTC\" },\n    { address: \"0xc2132D05D31c914a87C6611C10748AEb04B58e8F\", symbol: \"USDT\" },\n  ],\n  [avalanche.id]: [\n    { ...ETH_TOKEN, symbol: \"AVAX\" },\n    { address: \"0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E\", symbol: \"USDC\" },\n    { address: \"0xB31f66AA3C1e785363F0875A1B74E27b85FD66c7\", symbol: \"WAVAX\" },\n    { address: \"0x50b7545627a5162F82A992c33b87aDc75187B218\", symbol: \"WBTC.e\" },\n    { address: \"0x152b9d0FdC40C096757F570A51E494bd4b943E50\", symbol: \"BTC.b\" },\n    { address: \"0x9702230a8ea53601f5cd2dc00fdbc13d4df4a8c7\", symbol: \"USDT\" },\n  ],\n  [arbitrum.id]: [\n    ETH_TOKEN,\n    { address: \"0x912CE59144191C1204E64559FE8253a0e49E6548\", symbol: \"ARB\" },\n    { address: \"0xFF970A61A04b1cA14834A43f5dE4533eBDDB5CC8\", symbol: \"USDC\" },\n    { address: \"0x82aF49447D8a07e3bd95BD0d56f35241523fBab1\", symbol: \"WETH\" },\n    { address: \"0x2f2a2543B76A4166549F7aaB2e75Bef0aefC5B0f\", symbol: \"WBTC\" },\n    { address: \"0xFd086bC7CD5C481DCC9C85ebE478A1C0b69FCbb9\", symbol: \"USDT\" },\n  ],\n  [optimism.id]: [\n    ETH_TOKEN,\n    { address: \"0xDA10009cBd5D07dd0CeCc66161FC93D7c9000da1\", symbol: \"DAI\" },\n    { address: \"0x7F5c764cBc14f9669B88837ca1490cCa17c31607\", symbol: \"USDC.e\" },\n    { address: \"0x4200000000000000000000000000000000000042\", symbol: \"OP\" },\n    { address: \"0x4200000000000000000000000000000000000006\", symbol: \"WETH\" },\n    { address: \"0x68f180fcCe6836688e9084f035309E29Bf0A2095\", symbol: \"WBTC\" },\n    { address: \"0x94b008aA00579c1307B0EF2c499aD98a8ce58e58\", symbol: \"USDT\" },\n  ],\n  [base.id]: [\n    ETH_TOKEN,\n    { address: \"0xd9aaec86b65d86f6a7b5b1b0c42ffa531710b6ca\", symbol: \"USDBC\" },\n    { address: \"0x4200000000000000000000000000000000000006\", symbol: \"WETH\" },\n    { address: \"0x2ae3f1ec7f1f5012cfeab0185bfc7aa3cf0dec22\", symbol: \"CBETH\" },\n    { address: \"0xfa980ced6895ac314e7de34ef1bfae90a5add21b\", symbol: \"PRIME\" },\n  ],\n  [gnosis.id]: [\n    { ...ETH_TOKEN, symbol: \"XDAI\" },\n    { address: \"0xDDAfbb505ad214D7b80b1f830fcCc89B60fb7A83\", symbol: \"USDC\" },\n    { address: \"0xe91D153E0b41518A2Ce8Dd3D7944Fa863463a97d\", symbol: \"WXDAI\" },\n    { address: \"0x6A023CCd1ff6F2045C3309768eAd9E68F978f6e1\", symbol: \"WETH\" },\n    { address: \"0x9C58BAcC331c9aa871AFD802DB6379a98e80CEdb\", symbol: \"GNO\" },\n    { address: \"0x8e5bBbb09Ed1ebdE8674Cda39A0c169401db4252\", symbol: \"WBTC\" },\n  ],\n  [sonic.id]: [\n    { ...ETH_TOKEN, symbol: \"S\" },\n    { address: \"0x29219dd400f2Bf60E5a23d13Be72B486D4038894\", symbol: \"USDC\" },\n    { address: \"0x039e2fB66102314Ce7b64Ce5Ce3E5183bc94aD38\", symbol: \"WS\" },\n    { address: \"0x6047828dc181963ba44974801FF68e538dA5eaF9\", symbol: \"USDT\" },\n    { address: \"0x50c42dEAcD8Fc9773493ED674b675bE577f2634b\", symbol: \"WETH\" },\n  ],\n  [unichain.id]: [\n    ETH_TOKEN,\n    { address: \"0x078d782b760474a361dda0af3839290b0ef57ad6\", symbol: \"USDC\" },\n    { address: \"0x9151434b16b9763660705744891fa906f660ecc5\", symbol: \"USDT0\" },\n    { address: \"0x4200000000000000000000000000000000000006\", symbol: \"WETH\" },\n  ],\n};\n"],"names":["ETH_TOKEN","address","ETH_ADDRESS","symbol","chain2Tokens","mainnet","id","bsc","polygon","avalanche","arbitrum","optimism","base","gnosis","sonic","unichain"],"mappings":"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"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.d.ts

@@ -1,6 +1,10 @@
 import { Token, TokenMaybeWithUsdBalance } from '../../../../../tokens/state/types';
-export declare const TokenListBody: React.FC<{
+type TokenListBodyProps = {
     tokenRows: TokenMaybeWithUsdBalance[];
     onSelect: (token: Token) => void;
-}>;
+    visibleRows?: number;
+    className?: string;
+};
+export declare const TokenListBody: ({ tokenRows, onSelect, visibleRows, className, }: TokenListBodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=TokenListBody.d.ts.map

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenListBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAS5E,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,SAAS,EAAE,wBAAwB,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CA8DA,CAAC"}
+{"version":3,"file":"TokenListBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAU5E,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,wBAAwB,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,kDAK3B,kBAAkB,4CAoEpB,CAAC"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../../../_virtual/index.js';
 import { useDialogAtom } from '../../state/dialogAtom.js';
 import { RowVirtualizerFixed } from '../../../RowVirtualizer/RowVirtualizerFixed.js';
@@ -6,27 +6,38 @@ import { TokenBadge } from '../../../TokenBadge/TokenBadge.js';
 import { formatUnits } from 'viem';
 import { formatFiatPrice } from '../../../../../lib/utils/formatFiatPrice.js';
 import { toDecimalTrimmed } from '../../../../../lib/utils/toDecimal.js';
+import { cn } from '../../../../../lib/utils/index.js';
 
 const TokenListBody = (t0) => {
-  const $ = distExports.c(6);
+  const $ = distExports.c(10);
   const {
     tokenRows,
-    onSelect
+    onSelect,
+    visibleRows,
+    className
   } = t0;
   const {
     closeDialog
   } = useDialogAtom();
   let t1;
-  if ($[0] !== closeDialog || $[1] !== onSelect) {
-    t1 = (t22) => {
+  if ($[0] !== className) {
+    t1 = cn("w-full [scrollbar-gutter:stable_both-edges]", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== closeDialog || $[3] !== onSelect) {
+    t2 = (t32) => {
       const {
         row
-      } = t22;
+      } = t32;
       const formattedBalance = row.balance ? formatUnits(BigInt(row.balance), row.decimals) : void 0;
       const balanceToDisplay = formattedBalance ? toDecimalTrimmed(formattedBalance) : "0";
       const formattedUsdBalance = row.usdBalance ? formatFiatPrice(row.usdBalance) : void 0;
       const usdBalanceToDisplay = formattedUsdBalance === void 0 ? "$0" : formattedUsdBalance === "$0.00" ? "<$0.01" : formattedUsdBalance;
-      return /* @__PURE__ */ jsxs("div", { className: "px-[24px] hover:bg-contrast-9 dark:hover:bg-contrast-2 h-full flex items-center gap-2 hover:cursor-pointer", onClick: () => {
+      return /* @__PURE__ */ jsx("div", { className: "h-full px-[11px]", children: /* @__PURE__ */ jsxs("div", { className: "px-2 rounded-sm hover:bg-contrast-9 dark:hover:bg-contrast-2 h-full flex items-center gap-2 hover:cursor-pointer", onClick: () => {
         onSelect(row);
         closeDialog();
       }, children: [
@@ -43,24 +54,26 @@ const TokenListBody = (t0) => {
             /* @__PURE__ */ jsx("div", { className: "font-geist-mono", children: usdBalanceToDisplay })
           ] })
         ] })
-      ] });
+      ] }) });
     };
-    $[0] = closeDialog;
-    $[1] = onSelect;
-    $[2] = t1;
+    $[2] = closeDialog;
+    $[3] = onSelect;
+    $[4] = t2;
   } else {
-    t1 = $[2];
+    t2 = $[4];
   }
-  let t2;
-  if ($[3] !== t1 || $[4] !== tokenRows) {
-    t2 = /* @__PURE__ */ jsx(RowVirtualizerFixed, { rowHeight: 56, containerClassName: "h-[336px] w-full", rows: tokenRows, rowRenderer: t1 });
-    $[3] = t1;
-    $[4] = tokenRows;
-    $[5] = t2;
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2 || $[7] !== tokenRows || $[8] !== visibleRows) {
+    t3 = /* @__PURE__ */ jsx(RowVirtualizerFixed, { rowHeight: 56, visibleRows, containerClassName: t1, rows: tokenRows, rowRenderer: t2 });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = tokenRows;
+    $[8] = visibleRows;
+    $[9] = t3;
   } else {
-    t2 = $[5];
+    t3 = $[9];
   }
-  return t2;
+  return t3;
 };
 
 export { TokenListBody };

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenListBody.js","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.tsx"],"sourcesContent":["import type { Token, TokenMaybeWithUsdBalance } from \"@/tokens/state/types\";\nimport { useDialogAtom } from \"../../state/dialogAtom\";\nimport { RowVirtualizerFixed } from \"@/components/widget/RowVirtualizer/RowVirtualizerFixed\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatUnits } from \"viem\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\n\nexport const TokenListBody: React.FC<{\n  tokenRows: TokenMaybeWithUsdBalance[];\n  onSelect: (token: Token) => void;\n}> = ({ tokenRows, onSelect }) => {\n  const { closeDialog } = useDialogAtom();\n\n  return (\n    <RowVirtualizerFixed<TokenMaybeWithUsdBalance>\n      rowHeight={56}\n      containerClassName=\"h-[336px] w-full\" // 336px = 6 rows * 56 rowHeight\n      rows={tokenRows}\n      rowRenderer={({ row }) => {\n        const formattedBalance = row.balance\n          ? formatUnits(BigInt(row.balance), row.decimals)\n          : undefined;\n\n        const balanceToDisplay = formattedBalance\n          ? toDecimalTrimmed(formattedBalance)\n          : \"0\";\n\n        const formattedUsdBalance = row.usdBalance\n          ? formatFiatPrice(row.usdBalance)\n          : undefined;\n\n        const usdBalanceToDisplay =\n          formattedUsdBalance === undefined\n            ? \"$0\" // no usd prices or token.balance is zero\n            : formattedUsdBalance === \"$0.00\"\n              ? \"<$0.01\" // usd balance is less than 0.01\n              : formattedUsdBalance;\n\n        return (\n          <div\n            className=\"px-[24px] hover:bg-contrast-9 dark:hover:bg-contrast-2 h-full flex items-center gap-2 hover:cursor-pointer\"\n            onClick={() => {\n              onSelect(row);\n              closeDialog();\n            }}\n          >\n            <TokenBadge\n              address={row.address}\n              img={row.img}\n              chainId={row.network}\n              showNetworkIcon\n              classes={{ logo: \"size-[24px]\" }}\n            />\n            <div className=\"w-full\">\n              <div className=\"flex items-center justify-between text-sm text-contrast-3\">\n                <div className=\"dark:text-contrast-6 font-medium\">\n                  {row.symbol}\n                </div>\n                <div className=\"font-geist-mono dark:text-contrast-7 font-medium\">\n                  {balanceToDisplay}\n                </div>\n              </div>\n              <div className=\"text-contrast-5 dark:text-contrast-5 flex items-center justify-between text-[10px]\">\n                <div>{row.name}</div>\n                <div className=\"font-geist-mono\">{usdBalanceToDisplay}</div>\n              </div>\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n};\n"],"names":["TokenListBody","t0","$","_c","tokenRows","onSelect","closeDialog","useDialogAtom","t1","t2","row","formattedBalance","balance","formatUnits","BigInt","decimals","undefined","balanceToDisplay","toDecimalTrimmed","formattedUsdBalance","usdBalance","formatFiatPrice","usdBalanceToDisplay","address","img","network","logo","symbol","name"],"mappings":"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"}
+{"version":3,"file":"TokenListBody.js","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.tsx"],"sourcesContent":["import type { Token, TokenMaybeWithUsdBalance } from \"@/tokens/state/types\";\nimport { useDialogAtom } from \"../../state/dialogAtom\";\nimport { RowVirtualizerFixed } from \"@/components/widget/RowVirtualizer/RowVirtualizerFixed\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatUnits } from \"viem\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { cn } from \"@/lib/utils\";\n\ntype TokenListBodyProps = {\n  tokenRows: TokenMaybeWithUsdBalance[];\n  onSelect: (token: Token) => void;\n  visibleRows?: number;\n  className?: string;\n};\n\nexport const TokenListBody = ({\n  tokenRows,\n  onSelect,\n  visibleRows,\n  className,\n}: TokenListBodyProps) => {\n  const { closeDialog } = useDialogAtom();\n\n  return (\n    <RowVirtualizerFixed<TokenMaybeWithUsdBalance>\n      rowHeight={56}\n      visibleRows={visibleRows} // 56*6 = 336px, to fit into fullCover drawer (when container has padding, + search field + TokenCloud)\n      containerClassName={cn(\n        \"w-full [scrollbar-gutter:stable_both-edges]\",\n        className\n      )}\n      rows={tokenRows}\n      rowRenderer={({ row }) => {\n        const formattedBalance = row.balance\n          ? formatUnits(BigInt(row.balance), row.decimals)\n          : undefined;\n\n        const balanceToDisplay = formattedBalance\n          ? toDecimalTrimmed(formattedBalance)\n          : \"0\";\n\n        const formattedUsdBalance = row.usdBalance\n          ? formatFiatPrice(row.usdBalance)\n          : undefined;\n\n        const usdBalanceToDisplay =\n          formattedUsdBalance === undefined\n            ? \"$0\" // no usd prices or token.balance is zero\n            : formattedUsdBalance === \"$0.00\"\n              ? \"<$0.01\" // usd balance is less than 0.01\n              : formattedUsdBalance;\n\n        return (\n          <div className=\"h-full px-[11px]\">\n            <div\n              className=\"px-2 rounded-sm hover:bg-contrast-9 dark:hover:bg-contrast-2 h-full flex items-center gap-2 hover:cursor-pointer\"\n              onClick={() => {\n                onSelect(row);\n                closeDialog();\n              }}\n            >\n              <TokenBadge\n                address={row.address}\n                img={row.img}\n                chainId={row.network}\n                showNetworkIcon\n                classes={{ logo: \"size-[24px]\" }}\n              />\n              <div className=\"w-full\">\n                <div className=\"flex items-center justify-between text-sm text-contrast-3\">\n                  <div className=\"dark:text-contrast-6 font-medium\">\n                    {row.symbol}\n                  </div>\n                  <div className=\"font-geist-mono dark:text-contrast-7 font-medium\">\n                    {balanceToDisplay}\n                  </div>\n                </div>\n                <div className=\"text-contrast-5 dark:text-contrast-5 flex items-center justify-between text-[10px]\">\n                  <div>{row.name}</div>\n                  <div className=\"font-geist-mono\">{usdBalanceToDisplay}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n};\n"],"names":["TokenListBody","t0","$","_c","tokenRows","onSelect","visibleRows","className","closeDialog","useDialogAtom","t1","cn","t2","t3","row","formattedBalance","balance","formatUnits","BigInt","decimals","undefined","balanceToDisplay","toDecimalTrimmed","formattedUsdBalance","usdBalance","formatFiatPrice","usdBalanceToDisplay","address","img","network","logo","symbol","name"],"mappings":"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"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js

@@ -50,7 +50,7 @@ const TokenSearch = (t0) => {
   }
   let t5;
   if ($[9] !== onChange || $[10] !== t4 || $[11] !== value) {
-    t5 = /* @__PURE__ */ jsx("div", { className: "px-6 py-1", children: /* @__PURE__ */ jsx(Input, { value, onChange, className: "h-[48px] pl-[42px] pr-[86px]", placeholder: "Search by name or address", startAdornment: t1, endAdornment: t4 }) });
+    t5 = /* @__PURE__ */ jsx("div", { className: "px-6", children: /* @__PURE__ */ jsx(Input, { value, onChange, className: "h-[48px] pl-[42px] pr-[86px]", placeholder: "Search by name or address", startAdornment: t1, endAdornment: t4 }) });
     $[9] = onChange;
     $[10] = t4;
     $[11] = value;

package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.js","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { SearchIcon, X } from \"lucide-react\";\nimport { Input } from \"@/components/ui/input\";\nimport { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n}) => {\n  return (\n    <div className=\"px-6 py-1\">\n      <Input\n        value={value}\n        onChange={onChange}\n        className=\"h-[48px] pl-[42px] pr-[86px]\"\n        placeholder=\"Search by name or address\"\n        startAdornment={\n          <SearchIcon\n            className=\"stroke-contrast-5 dark:stroke-contrast-4\"\n            size={20}\n          />\n        }\n        endAdornment={\n          <div className=\"flex items-center gap-2\">\n            {!!value && (\n              <X\n                onClick={clearSearch}\n                cursor=\"pointer\"\n                size={20}\n                className=\"text-contrast-5 dark:text-contrast-6\"\n              />\n            )}\n            <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n          </div>\n        }\n      />\n    </div>\n  );\n};\n"],"names":["TokenSearch","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","t1","Symbol","for","t2","t3","t4","t5"],"mappings":"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"}
+{"version":3,"file":"TokenSearch.js","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { SearchIcon, X } from \"lucide-react\";\nimport { Input } from \"@/components/ui/input\";\nimport { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n}) => {\n  return (\n    <div className=\"px-6\">\n      <Input\n        value={value}\n        onChange={onChange}\n        className=\"h-[48px] pl-[42px] pr-[86px]\"\n        placeholder=\"Search by name or address\"\n        startAdornment={\n          <SearchIcon\n            className=\"stroke-contrast-5 dark:stroke-contrast-4\"\n            size={20}\n          />\n        }\n        endAdornment={\n          <div className=\"flex items-center gap-2\">\n            {!!value && (\n              <X\n                onClick={clearSearch}\n                cursor=\"pointer\"\n                size={20}\n                className=\"text-contrast-5 dark:text-contrast-6\"\n              />\n            )}\n            <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n          </div>\n        }\n      />\n    </div>\n  );\n};\n"],"names":["TokenSearch","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","t1","Symbol","for","t2","t3","t4","t5"],"mappings":"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"}

package/dist/components/widget/Dialog/state/dialogAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogAtom.js","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"sourcesContent":["import { atom, useAtom } from \"jotai\";\nimport type { dialogByType } from \"../dialogByType\";\nimport type { SelectTokenDialogProps } from \"../SelectTokenDialog/types\";\nimport { useMemo } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\ntype DialogPropsWithoutUnknown<\n  DType extends string,\n  DTypeProps,\n> = unknown extends DTypeProps\n  ? unknown\n  : {\n      dialogProps: {\n        [key in DType]: DTypeProps;\n      };\n    };\n\ntype DialogType = keyof typeof dialogByType;\n\ntype PermissibleDialogState = {\n  dialogType: DialogType;\n  dialogProps?: {\n    [key in DialogType]?: React.ComponentProps<(typeof dialogByType)[key]>;\n  };\n};\n\n// makes a union with exactly matching `{dialogType, dialogProps: {[dialogType]: dialogTypeProps}}`,\n// so that setDialog can only be used with one specific dialogType per call\ntype FilledDialogState = {\n  [Type in DialogType]: Prettify<\n    {\n      dialogType: Type;\n    } & DialogPropsWithoutUnknown<\n      Type,\n      React.ComponentProps<(typeof dialogByType)[Type]>\n    >\n  >;\n}[DialogType];\n\ntype DialogState = FilledDialogState | null;\n\nconst dialogAtom = atom<DialogState>(null);\n\ntype UseDialogAtomResult = {\n  // allow to destructure without \"dialogType\" in dialog.dialogProps checks\n  dialog: PermissibleDialogState | null;\n  showSelectTokenDialog: (props: SelectTokenDialogProps) => void;\n  showConnectWalletDialog: () => void;\n  showReceiverAddressDialog: () => void;\n  closeDialog: () => void;\n};\n\nexport const useDialogAtom = (): UseDialogAtomResult => {\n  const [dialog, setDialog] = useAtom(dialogAtom);\n\n  const {\n    closeDialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n  } = useMemo(() => {\n    const closeDialog = () => {\n      setDialog(null);\n    };\n\n    const showSelectTokenDialog = (props: SelectTokenDialogProps) => {\n      setDialog({\n        dialogType: \"selectToken\",\n        dialogProps: {\n          selectToken: props,\n        },\n      });\n    };\n\n    const showConnectWalletDialog = () => {\n      setDialog({\n        dialogType: \"connectWallet\",\n      });\n    };\n\n    const showReceiverAddressDialog = () => {\n      setDialog({\n        dialogType: \"receiverAddress\",\n      });\n    };\n\n    return {\n      closeDialog,\n      showSelectTokenDialog,\n      showConnectWalletDialog,\n      showReceiverAddressDialog,\n    };\n  }, [setDialog]);\n\n  return {\n    dialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n    closeDialog,\n  };\n};\n"],"names":["dialogAtom","atom","useDialogAtom","$","_c","dialog","setDialog","useAtom","t0","t1","closeDialog","t2","props","dialogType","dialogProps","selectToken","showSelectTokenDialog","t3","showConnectWalletDialog","t4","showReceiverAddressDialog","t5","closeDialog_0","showSelectTokenDialog_0","showConnectWalletDialog_0","showReceiverAddressDialog_0","t6"],"mappings":"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"}
+{"version":3,"file":"dialogAtom.js","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"sourcesContent":["import { atom, useAtom } from \"jotai\";\nimport type { dialogByType } from \"../dialogByType\";\nimport type { SelectTokenDialogProps } from \"../SelectTokenDialog/types\";\nimport { useMemo } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\ntype DialogPropsWithoutUnknown<\n  DType extends string,\n  DTypeProps,\n> = unknown extends DTypeProps\n  ? unknown\n  : {\n      dialogProps: {\n        [key in DType]: DTypeProps;\n      };\n    };\n\ntype DialogType = keyof typeof dialogByType;\n\ntype PermissibleDialogState = {\n  dialogType: DialogType;\n  dialogProps?: {\n    [key in DialogType]?: React.ComponentProps<(typeof dialogByType)[key]>;\n  };\n};\n\n// makes a union with exactly matching `{dialogType, dialogProps: {[dialogType]: dialogTypeProps}}`,\n// so that setDialog can only be used with one specific dialogType per call\ntype FilledDialogState = {\n  [Type in DialogType]: Prettify<\n    {\n      dialogType: Type;\n    } & DialogPropsWithoutUnknown<\n      Type,\n      React.ComponentProps<(typeof dialogByType)[Type]>\n    >\n  >;\n}[DialogType];\n\ntype DialogState = FilledDialogState | null;\n\nconst dialogAtom = atom<DialogState>(null);\n\ntype UseDialogAtomResult = {\n  // allow to destructure without \"dialogType\" in dialog.dialogProps checks\n  dialog: PermissibleDialogState | null;\n  showSelectTokenDialog: (props: SelectTokenDialogProps) => void;\n  showConnectWalletDialog: () => void;\n  showReceiverAddressDialog: () => void;\n  closeDialog: () => void;\n};\n\nexport const useDialogAtom = (): UseDialogAtomResult => {\n  const [dialog, setDialog] = useAtom(dialogAtom);\n\n  const {\n    closeDialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n  } = useMemo(() => {\n    const closeDialog = () => {\n      setDialog(null);\n    };\n\n    const showSelectTokenDialog = (props: SelectTokenDialogProps) => {\n      setDialog({\n        dialogType: \"selectToken\",\n        dialogProps: {\n          selectToken: props,\n        },\n      });\n    };\n\n    const showConnectWalletDialog = () => {\n      setDialog({\n        dialogType: \"connectWallet\",\n      });\n    };\n\n    const showReceiverAddressDialog = () => {\n      setDialog({\n        dialogType: \"receiverAddress\",\n      });\n    };\n\n    return {\n      closeDialog,\n      showSelectTokenDialog,\n      showConnectWalletDialog,\n      showReceiverAddressDialog,\n    };\n  }, [setDialog]);\n\n  return {\n    dialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n    closeDialog,\n  };\n};\n"],"names":["dialogAtom","atom","useDialogAtom","$","_c","dialog","setDialog","useAtom","t0","t1","closeDialog","t2","props","dialogType","dialogProps","selectToken","showSelectTokenDialog","t3","showConnectWalletDialog","t4","showReceiverAddressDialog","t5","closeDialog_0","showSelectTokenDialog_0","showConnectWalletDialog_0","showReceiverAddressDialog_0","t6"],"mappings":"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"}

package/dist/components/widget/Drawer/index.d.ts

@@ -4,8 +4,11 @@ type ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {
     children?: React.ReactNode;
     container?: HTMLElement | null;
     title?: string;
+    description?: string;
     showCloseButton?: boolean;
+    scrollIntoView?: boolean;
 };
-export declare function ControlledDrawer({ children, container: _container, title, showCloseButton, dismissible, ...props }: ControlledDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ControlledDrawer({ children, container: _container, title, description, showCloseButton, dismissible, scrollIntoView, // If Drawer Opened offscreen, scroll into view
+...props }: ControlledDrawerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/widget/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAMP,MAAM,wBAAwB,CAAC;AAIhC,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EACL,eAAe,EACf,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAmCvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAOP,MAAM,wBAAwB,CAAC;AAIhC,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAcF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EACL,WAAW,EACX,eAAe,EACf,WAAmB,EACnB,cAAqB,EAAE,+CAA+C;AACtE,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwDvB"}

package/dist/components/widget/Drawer/index.js

@@ -1,81 +1,122 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
-import { DrawerHeader, DrawerTitle, DrawerClose, Drawer, DrawerPortal, DrawerContent } from '../../ui/drawer.js';
-import { useContainerAtom } from '../../../widget/state/containerAtom.js';
+import { DrawerHeader, DrawerTitle, DrawerClose, Drawer, DrawerDescription, DrawerPortal, DrawerContent } from '../../ui/drawer.js';
+import { useContainerAtom } from '../../../core/state/containerAtom.js';
 import { XIcon } from 'lucide-react';
 
+function isElementVisibleInViewport(element) {
+  const rect = element.getBoundingClientRect();
+  return rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0;
+}
 function ControlledDrawer(t0) {
-  const $ = distExports.c(19);
+  const $ = distExports.c(28);
   let _container;
   let children;
+  let description;
   let props;
   let showCloseButton;
   let t1;
+  let t2;
   let title;
   if ($[0] !== t0) {
     ({
       children,
       container: _container,
       title,
+      description,
       showCloseButton,
       dismissible: t1,
+      scrollIntoView: t2,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = _container;
     $[2] = children;
-    $[3] = props;
-    $[4] = showCloseButton;
-    $[5] = t1;
-    $[6] = title;
+    $[3] = description;
+    $[4] = props;
+    $[5] = showCloseButton;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = title;
   } else {
     _container = $[1];
     children = $[2];
-    props = $[3];
-    showCloseButton = $[4];
-    t1 = $[5];
-    title = $[6];
+    description = $[3];
+    props = $[4];
+    showCloseButton = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    title = $[8];
   }
   const dismissible = t1 === void 0 ? false : t1;
+  const scrollIntoView = t2 === void 0 ? true : t2;
   const drawerContainer = useContainerAtom();
   const container = _container || drawerContainer;
-  let t2;
-  if ($[7] !== props || $[8] !== showCloseButton || $[9] !== title) {
-    t2 = (title || showCloseButton) && /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+  let t3;
+  if ($[9] !== props || $[10] !== scrollIntoView) {
+    t3 = scrollIntoView ? (event) => {
+      if (props.open && isElementVisibleInViewport(event.currentTarget)) {
+        event.currentTarget.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "nearest"
+        });
+      }
+    } : void 0;
+    $[9] = props;
+    $[10] = scrollIntoView;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== props || $[13] !== showCloseButton || $[14] !== title) {
+    t4 = (title || showCloseButton) && /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx(DrawerTitle, { className: "font-medium text-lg text-contrast-4 dark:text-contrast-6", children: title }),
       showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: props.onClose, children: /* @__PURE__ */ jsx(XIcon, {}) })
     ] }) });
-    $[7] = props;
-    $[8] = showCloseButton;
-    $[9] = title;
-    $[10] = t2;
+    $[12] = props;
+    $[13] = showCloseButton;
+    $[14] = title;
+    $[15] = t4;
   } else {
-    t2 = $[10];
+    t4 = $[15];
   }
-  let t3;
-  if ($[11] !== children || $[12] !== t2) {
-    t3 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: "absolute p-0 bg-contrast-8 dark:bg-contrast-1", children: [
-      t2,
+  let t5;
+  if ($[16] !== description) {
+    t5 = /* @__PURE__ */ jsx(DrawerDescription, { children: description });
+    $[16] = description;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== children || $[19] !== t3 || $[20] !== t4 || $[21] !== t5) {
+    t6 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: "absolute p-0 bg-contrast-8 dark:bg-contrast-1", onAnimationEnd: t3, children: [
+      t4,
+      t5,
       children
     ] }) });
-    $[11] = children;
-    $[12] = t2;
-    $[13] = t3;
+    $[18] = children;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t5;
+    $[22] = t6;
   } else {
-    t3 = $[13];
+    t6 = $[22];
   }
-  let t4;
-  if ($[14] !== container || $[15] !== dismissible || $[16] !== props || $[17] !== t3) {
-    t4 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t3 });
-    $[14] = container;
-    $[15] = dismissible;
-    $[16] = props;
-    $[17] = t3;
-    $[18] = t4;
+  let t7;
+  if ($[23] !== container || $[24] !== dismissible || $[25] !== props || $[26] !== t6) {
+    t7 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t6 });
+    $[23] = container;
+    $[24] = dismissible;
+    $[25] = props;
+    $[26] = t6;
+    $[27] = t7;
   } else {
-    t4 = $[18];
+    t7 = $[27];
   }
-  return t4;
+  return t7;
 }
 
 export { ControlledDrawer };