@0xsequence/wallet-widget 5.3.6 → 5.3.8

package/dist/cjs/components/ConnectorLogos/getConnectorLogos.js

@@ -41,7 +41,7 @@ const getConnectorLogo = (connectorId, isDarkMode = false) => {
         case 'wallet-connect':
             return (0, jsx_runtime_1.jsx)(WalletConnectLogo_js_1.WalletConnectLogo, {});
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            return null;
     }
 };
 exports.getConnectorLogo = getConnectorLogo;

package/dist/cjs/components/ConnectorLogos/getConnectorLogos.js.map

@@ -1 +1 @@
-{"version":3,"file":"getConnectorLogos.js","sourceRoot":"","sources":["../../../../src/components/ConnectorLogos/getConnectorLogos.tsx"],"names":[],"mappings":";;;;AAEA,iDAA0C;AAC1C,mEAA4D;AAC5D,qDAA8C;AAC9C,iDAA0C;AAC1C,uDAAgD;AAChD,mDAA4C;AAC5C,uDAAgD;AAChD,uDAAgD;AAChD,mDAA4C;AAC5C,iEAA0D;AAEnD,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,UAAU,GAAG,KAAK,EAAa,EAAE;IACrF,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,YAAY;YACf,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,YAAY;YACf,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,aAAa;YAChB,OAAO,uBAAC,0BAAU,KAAG,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,iBAAiB;YACpB,OAAO,uBAAC,0CAAkB,KAAG,CAAA;QAC/B,KAAK,SAAS;YACZ,OAAO,uBAAC,4BAAW,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAChD,KAAK,OAAO;YACV,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,UAAU;YACb,OAAO,uBAAC,8BAAY,KAAG,CAAA;QACzB,KAAK,QAAQ;YACX,OAAO,uBAAC,0BAAU,KAAG,CAAA;QACvB,KAAK,iBAAiB;YACpB,OAAO,uBAAC,8BAAY,KAAG,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,uBAAC,8BAAY,KAAG,CAAA;QACzB,KAAK,QAAQ;YACX,OAAO,uBAAC,0BAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC/C,KAAK,gBAAgB;YACnB,OAAO,uBAAC,wCAAiB,KAAG,CAAA;QAC9B;YACE,OAAO,kDAAK,CAAA;IAChB,CAAC;AACH,CAAC,CAAA;AA/BY,QAAA,gBAAgB,oBA+B5B"}
+{"version":3,"file":"getConnectorLogos.js","sourceRoot":"","sources":["../../../../src/components/ConnectorLogos/getConnectorLogos.tsx"],"names":[],"mappings":";;;;AAEA,iDAA0C;AAC1C,mEAA4D;AAC5D,qDAA8C;AAC9C,iDAA0C;AAC1C,uDAAgD;AAChD,mDAA4C;AAC5C,uDAAgD;AAChD,uDAAgD;AAChD,mDAA4C;AAC5C,iEAA0D;AAEnD,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,UAAU,GAAG,KAAK,EAAa,EAAE;IACrF,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,YAAY;YACf,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,YAAY;YACf,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,aAAa;YAChB,OAAO,uBAAC,0BAAU,KAAG,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,iBAAiB;YACpB,OAAO,uBAAC,0CAAkB,KAAG,CAAA;QAC/B,KAAK,SAAS;YACZ,OAAO,uBAAC,4BAAW,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAChD,KAAK,OAAO;YACV,OAAO,uBAAC,wBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC9C,KAAK,UAAU;YACb,OAAO,uBAAC,8BAAY,KAAG,CAAA;QACzB,KAAK,QAAQ;YACX,OAAO,uBAAC,0BAAU,KAAG,CAAA;QACvB,KAAK,iBAAiB;YACpB,OAAO,uBAAC,8BAAY,KAAG,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,uBAAC,8BAAY,KAAG,CAAA;QACzB,KAAK,QAAQ;YACX,OAAO,uBAAC,0BAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAC/C,KAAK,gBAAgB;YACnB,OAAO,uBAAC,wCAAiB,KAAG,CAAA;QAC9B;YACE,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC,CAAA;AA/BY,QAAA,gBAAgB,oBA+B5B"}

package/dist/cjs/components/CopyButton.d.ts

@@ -3,7 +3,8 @@ import type { ComponentProps } from 'react';
 type ButtonProps = ComponentProps<typeof Button>;
 interface CopyButtonProps extends ButtonProps {
     text: string;
-    buttonVariant: 'icon' | 'with-label';
+    includeLabel?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
 }
 export declare const CopyButton: (props: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/CopyButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,2BAA2B,CAAA;AAE3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEhD,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,GAAG,YAAY,CAAA;CACrC;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAgBhD,CAAA"}
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAiC,MAAM,2BAA2B,CAAA;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEhD,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAwBhD,CAAA"}

package/dist/cjs/components/CopyButton.js

@@ -5,10 +5,19 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const design_system_1 = require("@0xsequence/design-system");
 const hooks_1 = require("@0xsequence/hooks");
 const CopyButton = (props) => {
-    const { buttonVariant = 'icon', text, size = 'xs', ...rest } = props;
+    const { includeLabel = false, text, size = 'xs' } = props;
     const [isCopied, setCopied] = (0, hooks_1.useClipboard)({ timeout: 4000 });
     const label = isCopied ? 'Copied!' : 'Copy';
-    return ((0, jsx_runtime_1.jsx)(design_system_1.Button, { size: size, leftIcon: isCopied ? design_system_1.CheckmarkIcon : design_system_1.CopyIcon, label: buttonVariant === 'with-label' ? label : undefined, variant: buttonVariant === 'icon' ? 'ghost' : 'glass', onClick: () => setCopied(text), ...rest }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center hover:opacity-80 cursor-pointer", onClick: () => setCopied(text), children: [isCopied ? (0, jsx_runtime_1.jsx)(design_system_1.CheckmarkIcon, { color: "white", size: size }) : (0, jsx_runtime_1.jsx)(design_system_1.CopyIcon, { color: "white", size: size }), includeLabel && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: label }))] })
+    // <Button
+    //   size={size!}
+    //   leftIcon={isCopied ? CheckmarkIcon : CopyIcon}
+    //   label={buttonVariant === 'with-label' ? label : undefined}
+    //   variant={buttonVariant === 'icon' ? 'ghost' : buttonVariant === 'text' ? 'text' : 'glass'}
+    //   onClick={() => setCopied(text)}
+    //   {...rest}
+    // />
+    );
 };
 exports.CopyButton = CopyButton;
 //# sourceMappingURL=CopyButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/components/CopyButton.tsx"],"names":[],"mappings":";;;;AAAA,6DAA2E;AAC3E,6CAAgD;AAUzC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,aAAa,GAAG,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAA,oBAAY,EAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAA;IAE3C,OAAO,CACL,uBAAC,sBAAM,IACL,IAAI,EAAE,IAAK,EACX,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,6BAAa,CAAC,CAAC,CAAC,wBAAQ,EAC7C,KAAK,EAAE,aAAa,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACzD,OAAO,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAC1B,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,UAAU,cAgBtB"}
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/components/CopyButton.tsx"],"names":[],"mappings":";;;;AAAA,6DAAiF;AACjF,6CAAgD;AAWzC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACzD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAA,oBAAY,EAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAA;IAE3C,OAAO,CACL,iCAAK,SAAS,EAAC,kEAAkE,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAC7G,QAAQ,CAAC,CAAC,CAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,uBAAC,wBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,EAC/F,YAAY,IAAI,CACf,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACvD,KAAK,GACD,CACR,IACG;IACN,UAAU;IACV,iBAAiB;IACjB,mDAAmD;IACnD,+DAA+D;IAC/D,+FAA+F;IAC/F,oCAAoC;IACpC,cAAc;IACd,KAAK;KACN,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,UAAU,cAwBtB"}

package/dist/cjs/components/Filter/CollectionsFilter.d.ts

@@ -1,2 +1,4 @@
-export declare const CollectionsFilter: () => import("react/jsx-runtime.js").JSX.Element;
+export declare const CollectionsFilter: ({ onClose }: {
+    onClose: () => void;
+}) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=CollectionsFilter.d.ts.map

package/dist/cjs/components/Filter/CollectionsFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/CollectionsFilter.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,kDAgD7B,CAAA"}
+{"version":3,"file":"CollectionsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/CollectionsFilter.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+CAgDrE,CAAA"}

package/dist/cjs/components/Filter/CollectionsFilter.js

@@ -4,18 +4,28 @@ exports.CollectionsFilter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const design_system_1 = require("@0xsequence/design-system");
 const index_js_1 = require("../../hooks/index.js");
-const index_js_2 = require("../IconWrappers/index.js");
-const ListCardSelect_js_1 = require("../ListCard/ListCardSelect.js");
-const CollectionsFilter = () => {
-    const { selectedCollectionsObservable, selectedNetworks, selectedWallets, setSelectedCollections } = (0, index_js_1.useSettings)();
-    const selectedCollections = selectedCollectionsObservable.get();
-    const { data: collections } = (0, index_js_1.useGetCollections)({
+const useGetAllCollections_js_1 = require("../../hooks/useGetAllCollections.js");
+const ListCard_js_1 = require("../ListCard/ListCard.js");
+const CollectionsFilter = ({ onClose }) => {
+    const { selectedWallets, selectedNetworks, showCollectionsObservable, setShowCollections, hideUnlistedTokens } = (0, index_js_1.useSettings)();
+    const showCollections = showCollectionsObservable.get();
+    const { data: collections } = (0, useGetAllCollections_js_1.useGetAllCollections)({
         accountAddresses: selectedWallets.map(wallet => wallet.address),
         chainIds: selectedNetworks,
-        hideUnlistedTokens: true
+        hideUnlistedTokens
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col bg-background-primary gap-3", children: [collections?.length && collections.length > 1 && ((0, jsx_runtime_1.jsxs)(ListCardSelect_js_1.ListCardSelect, { isSelected: selectedCollectionsObservable.get().length === 0, onClick: () => setSelectedCollections([]), children: [(0, jsx_runtime_1.jsx)(index_js_2.MediaIconWrapper, { iconList: collections.map(collection => ((0, jsx_runtime_1.jsx)("div", { className: "bg-background-backdrop rounded-full", children: (0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: collection.logoURI, symbol: collection.name }) }))), size: "sm" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "All" })] }, "all")), collections?.map(collection => ((0, jsx_runtime_1.jsxs)(ListCardSelect_js_1.ListCardSelect, { isSelected: selectedCollections.some(c => c.contractAddress === collection.contractAddress && c.chainId === collection.chainId) ||
-                    collections.length === 1, onClick: collections.length > 1 ? () => setSelectedCollections([collection]) : undefined, children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: collection.logoURI, symbol: collection.name, withNetwork: collection.chainId }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: collection.name })] }, collection.contractAddress)))] }));
+    const { data: tokens } = (0, index_js_1.useGetAllTokensDetails)({
+        accountAddresses: selectedWallets.map(wallet => wallet.address),
+        chainIds: selectedNetworks,
+        hideUnlistedTokens
+    });
+    const collectionsCount = collections.length;
+    const itemsCount = tokens.filter(token => token.contractType === 'ERC721' || token.contractType === 'ERC1155').length;
+    const onClickItems = (showCollections) => {
+        setShowCollections(showCollections);
+        onClose();
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col bg-background-primary gap-3", children: [(0, jsx_runtime_1.jsx)(ListCard_js_1.ListCard, { type: "radio", isSelected: !showCollections, onClick: () => onClickItems(false), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "primary", variant: "normal", children: ["Items", ' '] }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "muted", variant: "normal", children: ["(", itemsCount, ")"] })] }) }, "Items"), (0, jsx_runtime_1.jsx)(ListCard_js_1.ListCard, { type: "radio", isSelected: showCollections, onClick: () => onClickItems(true), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "primary", variant: "normal", children: ["Collections", ' '] }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "muted", variant: "normal", children: ["(", collectionsCount, ")"] })] }) }, "Collections")] }));
 };
 exports.CollectionsFilter = CollectionsFilter;
 //# sourceMappingURL=CollectionsFilter.js.map

package/dist/cjs/components/Filter/CollectionsFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionsFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/CollectionsFilter.tsx"],"names":[],"mappings":";;;;AAAA,6DAA4D;AAE5D,mDAAqE;AACrE,uDAA2D;AAC3D,qEAA8D;AAEvD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,sBAAsB,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IAClH,MAAM,mBAAmB,GAAG,6BAA6B,CAAC,GAAG,EAAE,CAAA;IAE/D,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,4BAAiB,EAAC;QAC9C,gBAAgB,EAAE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QAC/D,QAAQ,EAAE,gBAAgB;QAC1B,kBAAkB,EAAE,IAAI;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2CAA2C,aACvD,WAAW,EAAE,MAAM,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAChD,wBAAC,kCAAc,IAEb,UAAU,EAAE,6BAA6B,CAAC,GAAG,EAAE,CAAC,MAAM,KAAK,CAAC,EAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,EAAE,CAAC,aAEzC,uBAAC,2BAAgB,IACf,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CACtC,gCAAK,SAAS,EAAC,qCAAqC,YAClD,uBAAC,0BAAU,IAAC,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,GAAI,GAC5D,CACP,CAAC,EACF,IAAI,EAAC,IAAI,GACT,EACF,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,oBAEnD,KAdH,KAAK,CAeM,CAClB,EACA,WAAW,EAAE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC9B,wBAAC,kCAAc,IAEb,UAAU,EACR,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,UAAU,CAAC,eAAe,IAAI,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,CAAC;oBACnH,WAAW,CAAC,MAAM,KAAK,CAAC,EAE1B,OAAO,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,aAExF,uBAAC,0BAAU,IAAC,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,CAAC,OAAO,GAAI,EACjG,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACvD,UAAU,CAAC,IAAI,GACX,KAVF,UAAU,CAAC,eAAe,CAWhB,CAClB,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,iBAAiB,qBAgD7B"}
+{"version":3,"file":"CollectionsFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/CollectionsFilter.tsx"],"names":[],"mappings":";;;;AAAA,6DAAgD;AAEhD,mDAA0E;AAC1E,iFAA0E;AAC1E,yDAAkD;AAE3C,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAA2B,EAAE,EAAE;IACxE,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IAC9H,MAAM,eAAe,GAAG,yBAAyB,CAAC,GAAG,EAAE,CAAA;IAEvD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,8CAAoB,EAAC;QACjD,gBAAgB,EAAE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QAC/D,QAAQ,EAAE,gBAAgB;QAC1B,kBAAkB;KACnB,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAsB,EAAC;QAC9C,gBAAgB,EAAE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QAC/D,QAAQ,EAAE,gBAAgB;QAC1B,kBAAkB;KACnB,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAAA;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,MAAM,CAAA;IAErH,MAAM,YAAY,GAAG,CAAC,eAAwB,EAAE,EAAE;QAChD,kBAAkB,CAAC,eAAe,CAAC,CAAA;QACnC,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,OAAO,CACL,iCAAK,SAAS,EAAC,2CAA2C,aACxD,uBAAC,sBAAQ,IAAa,IAAI,EAAC,OAAO,EAAC,UAAU,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YACjG,4CACE,wBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,sBAC9B,GAAG,IACJ,EACP,wBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,kBAChC,UAAU,SACP,IACH,IARM,OAAO,CASV,EACX,uBAAC,sBAAQ,IAAmB,IAAI,EAAC,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,YACrG,4CACE,wBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,4BACxB,GAAG,IACV,EACP,wBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,kBAChC,gBAAgB,SACb,IACH,IARM,aAAa,CAShB,IACP,CACP,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,iBAAiB,qBAgD7B"}

package/dist/cjs/components/Filter/FilterMenu.d.ts

@@ -1,6 +1,4 @@
-export declare const FilterMenu: ({ label, type, onClose }: {
-    label: string;
-    type: "tokens" | "collectibles" | "transactions";
-    onClose: () => void;
+export declare const FilterMenu: ({ filterMenuType }: {
+    filterMenuType: "tokens" | "collectibles" | "history";
 }) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=FilterMenu.d.ts.map

package/dist/cjs/components/Filter/FilterMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterMenu.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,UAAU,GAAI,0BAIxB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,cAAc,CAAA;IAChD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,+CA8IA,CAAA"}
+{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterMenu.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,GAAI,oBAAoB;IAAE,cAAc,EAAE,QAAQ,GAAG,cAAc,GAAG,SAAS,CAAA;CAAE,+CAUvG,CAAA"}

package/dist/cjs/components/Filter/FilterMenu.js

@@ -3,48 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterMenu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const connect_1 = require("@0xsequence/connect");
-const design_system_1 = require("@0xsequence/design-system");
-const micro_observables_1 = require("micro-observables");
-const react_1 = require("react");
-const index_js_1 = require("../../hooks/index.js");
-const index_js_2 = require("../IconWrappers/index.js");
-const index_js_3 = require("../ListCard/index.js");
-const SlideupDrawer_js_1 = require("../Select/SlideupDrawer.js");
-const CollectionsFilter_js_1 = require("./CollectionsFilter.js");
-const NetworkImageCustom_js_1 = require("./NetworkImageCustom.js");
-const NetworksFilter_js_1 = require("./NetworksFilter.js");
-const WalletsFilter_js_1 = require("./WalletsFilter.js");
-var FilterType;
-(function (FilterType) {
-    FilterType["menu"] = "Filters";
-    FilterType["wallets"] = "Select active Wallets";
-    FilterType["networks"] = "Select active Networks";
-    FilterType["collections"] = "Select active Collections";
-})(FilterType || (FilterType = {}));
-const FilterMenu = ({ label, type, onClose }) => {
+const FilterOptions_js_1 = require("./FilterOptions.js");
+const FilterMenu = ({ filterMenuType }) => {
     const { wallets } = (0, connect_1.useWallets)();
-    const { selectedWalletsObservable, selectedNetworksObservable, selectedCollectionsObservable, hideUnlistedTokensObservable } = (0, index_js_1.useSettings)();
-    const selectedWallets = (0, micro_observables_1.useObservable)(selectedWalletsObservable);
-    const selectedNetworks = (0, micro_observables_1.useObservable)(selectedNetworksObservable);
-    const selectedCollections = (0, micro_observables_1.useObservable)(selectedCollectionsObservable);
-    const hideUnlistedTokens = (0, micro_observables_1.useObservable)(hideUnlistedTokensObservable);
-    const [selectedFilter, setSelectedFilter] = (0, react_1.useState)(FilterType.menu);
-    const { data: collections } = (0, index_js_1.useGetCollections)({
-        accountAddresses: selectedWallets.map(wallet => wallet.address),
-        chainIds: selectedNetworks,
-        hideUnlistedTokens
-    });
-    const walletsPreview = selectedWallets.length > 1 || wallets.length === 1 ? ((0, jsx_runtime_1.jsx)(index_js_2.StackedIconTag, { iconList: [], label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: "All" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-row gap-2 items-center", children: (0, jsx_runtime_1.jsx)(index_js_2.StackedIconTag, { iconList: [selectedWallets[0].address], isAccount: true, label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", nowrap: true, style: { maxWidth: '200px' }, ellipsis: true, children: (0, connect_1.formatAddress)(selectedWallets[0].address) }) }) }));
-    const networksPreview = selectedNetworks.length > 1 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-row gap-2 items-center", children: (0, jsx_runtime_1.jsx)(index_js_2.StackedIconTag, { iconList: [], label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: "All" }) }) })) : ((0, jsx_runtime_1.jsx)(index_js_2.StackedIconTag
-    // iconList={[`https://assets.sequence.info/images/networks/medium/${selectedNetworks[0]}.webp`]}
-    , { 
-        // iconList={[`https://assets.sequence.info/images/networks/medium/${selectedNetworks[0]}.webp`]}
-        iconList: [(0, jsx_runtime_1.jsx)(NetworkImageCustom_js_1.NetworkImageCustom, { chainId: selectedNetworks[0], style: { width: '16px', height: '16px' } })], label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", nowrap: true, style: { maxWidth: '200px' }, ellipsis: true, children: (0, connect_1.getNetwork)(selectedNetworks[0]).title }) }));
-    const collectionsPreview = collections?.length === 0 ? ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: "N/A" })) : selectedCollections.length === 0 ? ((0, jsx_runtime_1.jsx)(index_js_2.StackedIconTag, { iconList: [], label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: "All" }) })) : ((0, jsx_runtime_1.jsx)(index_js_2.StackedIconTag, { iconList: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { size: "xs", src: selectedCollections[0].logoURI, symbol: selectedCollections[0].name })], label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", nowrap: true, style: { maxWidth: '200px' }, ellipsis: true, children: selectedCollections[0].name }) }));
-    const handleFilterChange = (filter) => {
-        setSelectedFilter(filter);
-    };
-    return ((0, jsx_runtime_1.jsx)(SlideupDrawer_js_1.SlideupDrawer, { onClose: onClose, label: selectedFilter === FilterType.menu ? label : selectedFilter, onBackPress: selectedFilter !== FilterType.menu ? () => handleFilterChange(FilterType.menu) : undefined, children: selectedFilter === FilterType.menu ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col bg-background-primary gap-3", children: [(0, jsx_runtime_1.jsx)(index_js_3.ListCardNav, { rightChildren: walletsPreview, style: { height: '64px' }, onClick: () => handleFilterChange(FilterType.wallets), children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Wallets" }) }), (0, jsx_runtime_1.jsx)(index_js_3.ListCardNav, { rightChildren: networksPreview, style: { height: '64px' }, onClick: () => handleFilterChange(FilterType.networks), children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Networks" }) }), type === 'collectibles' && ((0, jsx_runtime_1.jsx)(index_js_3.ListCardNav, { rightChildren: collectionsPreview, style: { height: '64px' }, disabled: collections?.length === 0, onClick: () => handleFilterChange(FilterType.collections), children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Collections" }) }))] })) : selectedFilter === FilterType.wallets ? ((0, jsx_runtime_1.jsx)(WalletsFilter_js_1.WalletsFilter, {})) : selectedFilter === FilterType.networks ? ((0, jsx_runtime_1.jsx)(NetworksFilter_js_1.NetworksFilter, {})) : selectedFilter === FilterType.collections ? ((0, jsx_runtime_1.jsx)(CollectionsFilter_js_1.CollectionsFilter, {})) : null }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 w-full overflow-x-auto hide-scrollbar", style: { scrollbarWidth: 'none' }, children: [filterMenuType === 'collectibles' && (0, jsx_runtime_1.jsx)(FilterOptions_js_1.FilterOptions, { filterType: "collections" }), (0, jsx_runtime_1.jsx)(FilterOptions_js_1.FilterOptions, { filterType: "networks" }), wallets.length > 1 && (0, jsx_runtime_1.jsx)(FilterOptions_js_1.FilterOptions, { filterType: "wallets" })] }));
 };
 exports.FilterMenu = FilterMenu;
 //# sourceMappingURL=FilterMenu.js.map

package/dist/cjs/components/Filter/FilterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterMenu.tsx"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAEhD,yDAAkD;AAE3C,MAAM,UAAU,GAAG,CAAC,EAAE,cAAc,EAA6D,EAAE,EAAE;IAC1G,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,oBAAU,GAAE,CAAA;IAEhC,OAAO,CACL,iCAAK,SAAS,EAAC,2DAA2D,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,aACzG,cAAc,KAAK,cAAc,IAAI,uBAAC,gCAAa,IAAC,UAAU,EAAC,aAAa,GAAG,EAChF,uBAAC,gCAAa,IAAC,UAAU,EAAC,UAAU,GAAG,EACtC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,gCAAa,IAAC,UAAU,EAAC,SAAS,GAAG,IACzD,CACP,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,UAAU,cAUtB"}

package/dist/cjs/components/Filter/FilterOptions.d.ts

@@ -0,0 +1,4 @@
+export declare const FilterOptions: ({ filterType }: {
+    filterType: "wallets" | "networks" | "collections";
+}) => import("react/jsx-runtime.js").JSX.Element;
+//# sourceMappingURL=FilterOptions.d.ts.map

package/dist/cjs/components/Filter/FilterOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterOptions.tsx"],"names":[],"mappings":"AA2DA,eAAO,MAAM,aAAa,GAAI,gBAAgB;IAAE,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;CAAE,+CAkInG,CAAA"}

package/dist/cjs/components/Filter/FilterOptions.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterOptions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const micro_observables_1 = require("micro-observables");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const index_js_1 = require("../../hooks/index.js");
+const MiniButton_js_1 = require("../MiniButton.js");
+const SlideupDrawer_js_1 = require("../Select/SlideupDrawer.js");
+const CollectionsFilter_js_1 = require("./CollectionsFilter.js");
+const NetworksFilter_js_1 = require("./NetworksFilter.js");
+const WalletsFilter_js_1 = require("./WalletsFilter.js");
+const FilterHeader = ({ allSelectedText, fewSelectedText, fewSelectedCount, clearCondition, onClickClear }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between items-center w-full", children: [clearCondition ? ((0, jsx_runtime_1.jsxs)("div", { style: { whiteSpace: 'nowrap' }, children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { variant: "medium", color: "primary", children: [fewSelectedText, ' '] }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { variant: "medium", color: "muted", children: ["(", fewSelectedCount, ")"] })] })) : ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", children: allSelectedText })), clearCondition && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center bg-background-secondary rounded-full py-1 px-3 gap-2 w-fit hover:opacity-80 cursor-pointer", onClick: () => {
+                    onClickClear();
+                }, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "primary", children: "Clear" }) }))] }));
+};
+const FilterOptions = ({ filterType }) => {
+    const { wallets } = (0, connect_1.useWallets)();
+    const { allNetworks, selectedWalletsObservable, selectedNetworksObservable, showCollectionsObservable, setSelectedWallets, setSelectedNetworks } = (0, index_js_1.useSettings)();
+    const [openType, setOpenType] = (0, react_2.useState)('closed');
+    const selectedNetworks = (0, micro_observables_1.useObservable)(selectedNetworksObservable);
+    const selectedWallets = (0, micro_observables_1.useObservable)(selectedWalletsObservable);
+    const showCollections = (0, micro_observables_1.useObservable)(showCollectionsObservable);
+    const filterLabel = () => {
+        if (filterType === 'networks') {
+            if (selectedNetworks.length === allNetworks.length) {
+                return ((0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "truncate", variant: "small-bold", color: "primary", nowrap: true, children: "All networks" }));
+            }
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small-bold", color: "primary", children: "Networks" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small-bold", color: "muted", children: `(${selectedNetworks.length})` })] }));
+        }
+        else if (filterType === 'wallets') {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small-bold", color: "primary", children: "Wallets" }), selectedWallets.length !== wallets.length && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small-bold", color: "muted", children: `(${selectedWallets.length})` }))] }));
+        }
+        else if (filterType === 'collections') {
+            if (showCollections) {
+                return ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small-bold", color: "primary", children: "Collections" }));
+            }
+            return ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small-bold", color: "primary", children: "Items" }));
+        }
+    };
+    const setOpen = () => {
+        if (openType === 'closed') {
+            setOpenType(filterType);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { onClick: () => setOpen(), children: [(0, jsx_runtime_1.jsxs)(MiniButton_js_1.MiniButton, { className: "h-8", children: [filterLabel(), (0, jsx_runtime_1.jsx)(design_system_1.ChevronDownIcon, { color: "white", size: "sm" })] }), (0, jsx_runtime_1.jsxs)(react_1.AnimatePresence, { children: [openType === 'networks' && ((0, jsx_runtime_1.jsx)(SlideupDrawer_js_1.SlideupDrawer, { header: (0, jsx_runtime_1.jsx)(FilterHeader, { allSelectedText: "All Networks", fewSelectedText: "Networks", fewSelectedCount: selectedNetworks.length, clearCondition: selectedNetworks.length !== allNetworks.length, onClickClear: () => {
+                                setSelectedNetworks([]);
+                                setOpenType('closed');
+                            } }), onClose: () => setOpenType('closed'), children: (0, jsx_runtime_1.jsx)(NetworksFilter_js_1.NetworksFilter, {}) })), openType === 'wallets' && ((0, jsx_runtime_1.jsx)(SlideupDrawer_js_1.SlideupDrawer, { header: (0, jsx_runtime_1.jsx)(FilterHeader, { allSelectedText: "All Wallets", fewSelectedText: "Wallets", fewSelectedCount: selectedWallets.length, clearCondition: selectedWallets.length !== wallets.length, onClickClear: () => {
+                                setSelectedWallets([]);
+                                setOpenType('closed');
+                            } }), onClose: () => setOpenType('closed'), children: (0, jsx_runtime_1.jsx)(WalletsFilter_js_1.WalletsFilter, { onClose: () => setOpenType('closed') }) })), openType === 'collections' && ((0, jsx_runtime_1.jsx)(SlideupDrawer_js_1.SlideupDrawer, { header: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", children: "Collectibles" }), onClose: () => setOpenType('closed'), children: (0, jsx_runtime_1.jsx)(CollectionsFilter_js_1.CollectionsFilter, { onClose: () => setOpenType('closed') }) }))] })] }));
+};
+exports.FilterOptions = FilterOptions;
+//# sourceMappingURL=FilterOptions.js.map

package/dist/cjs/components/Filter/FilterOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterOptions.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterOptions.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Filter/NetworksFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworksFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,kDA8B1B,CAAA"}
+{"version":3,"file":"NetworksFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,kDA4B1B,CAAA"}

package/dist/cjs/components/Filter/NetworksFilter.js

@@ -2,18 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NetworksFilter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@0xsequence/design-system");
 const micro_observables_1 = require("micro-observables");
 const index_js_1 = require("../../hooks/index.js");
-const index_js_2 = require("../IconWrappers/index.js");
-const ListCardSelect_js_1 = require("../ListCard/ListCardSelect.js");
-const NetworkImageCustom_js_1 = require("./NetworkImageCustom.js");
-const NetworkRow_js_1 = require("./NetworkRow.js");
+const ListCardNetwork_js_1 = require("../ListCard/ListCardNetwork.js");
 const NetworksFilter = () => {
     const { selectedNetworksObservable, setSelectedNetworks, allNetworks } = (0, index_js_1.useSettings)();
     const selectedNetworks = (0, micro_observables_1.useObservable)(selectedNetworksObservable);
-    // NetworksFilter is using an observable since its used in settings detached from FilterMenu
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col bg-background-primary gap-3", children: [allNetworks.length > 1 && ((0, jsx_runtime_1.jsxs)(ListCardSelect_js_1.ListCardSelect, { isSelected: selectedNetworks.length > 1, onClick: () => setSelectedNetworks([]), children: [(0, jsx_runtime_1.jsx)(index_js_2.MediaIconWrapper, { iconList: allNetworks.map(network => ((0, jsx_runtime_1.jsx)(NetworkImageCustom_js_1.NetworkImageCustom, { chainId: network, style: { width: '32px', height: '32px' } }))), size: "sm" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "All" })] }, "all")), allNetworks.map(chainId => ((0, jsx_runtime_1.jsx)(NetworkRow_js_1.NetworkRow, { chainId: chainId, isSelected: selectedNetworks.length === 1 && selectedNetworks.includes(chainId), onClick: () => setSelectedNetworks([chainId]) }, chainId)))] }));
+    const onClickNetwork = (chainId) => {
+        if (selectedNetworks.length === allNetworks.length) {
+            setSelectedNetworks([chainId]);
+        }
+        else {
+            if (selectedNetworks.includes(chainId)) {
+                setSelectedNetworks(selectedNetworks.filter(n => n !== chainId));
+            }
+            else {
+                setSelectedNetworks([...selectedNetworks, chainId]);
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col bg-background-primary gap-3", children: allNetworks.map(chainId => ((0, jsx_runtime_1.jsx)(ListCardNetwork_js_1.ListCardNetwork, { chainId: chainId, isSelected: selectedNetworks.length !== allNetworks.length && selectedNetworks.includes(chainId), onClick: () => onClickNetwork(chainId) }, chainId))) }));
 };
 exports.NetworksFilter = NetworksFilter;
 //# sourceMappingURL=NetworksFilter.js.map

package/dist/cjs/components/Filter/NetworksFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworksFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":";;;;AAAA,6DAAgD;AAChD,yDAAiD;AAEjD,mDAAkD;AAClD,uDAA2D;AAC3D,qEAA8D;AAE9D,mEAA4D;AAC5D,mDAA4C;AAErC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IACtF,MAAM,gBAAgB,GAAG,IAAA,iCAAa,EAAC,0BAA0B,CAAC,CAAA;IAClE,4FAA4F;IAE5F,OAAO,CACL,iCAAK,SAAS,EAAC,2CAA2C,aACvD,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,wBAAC,kCAAc,IAAW,UAAU,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC,aACvG,uBAAC,2BAAgB,IACf,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACnC,uBAAC,0CAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACnF,CAAC,EACF,IAAI,EAAC,IAAI,GACT,EACF,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,oBAEnD,KATW,KAAK,CAUR,CAClB,EACA,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC1B,uBAAC,0BAAU,IAET,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAC/E,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,IAHxC,OAAO,CAIZ,CACH,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,cAAc,kBA8B1B"}
+{"version":3,"file":"NetworksFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":";;;;AAAA,yDAAiD;AAEjD,mDAAkD;AAClD,uEAAgE;AAEzD,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IACtF,MAAM,gBAAgB,GAAG,IAAA,iCAAa,EAAC,0BAA0B,CAAC,CAAA;IAElE,MAAM,cAAc,GAAG,CAAC,OAAe,EAAE,EAAE;QACzC,IAAI,gBAAgB,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;YACnD,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;QAChC,CAAC;aAAM,CAAC;YACN,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvC,mBAAmB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAA;YAClE,CAAC;iBAAM,CAAC;gBACN,mBAAmB,CAAC,CAAC,GAAG,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAA;YACrD,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,gCAAK,SAAS,EAAC,2CAA2C,YACvD,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC1B,uBAAC,oCAAe,IAEd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChG,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,IAHjC,OAAO,CAIZ,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,cAAc,kBA4B1B"}

package/dist/cjs/components/Filter/WalletsFilter.d.ts

@@ -1,2 +1,4 @@
-export declare const WalletsFilter: () => import("react/jsx-runtime.js").JSX.Element;
+export declare const WalletsFilter: ({ onClose }: {
+    onClose: () => void;
+}) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=WalletsFilter.d.ts.map

package/dist/cjs/components/Filter/WalletsFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,kDAmDzB,CAAA"}
+{"version":3,"file":"WalletsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+CA2BjE,CAAA"}

package/dist/cjs/components/Filter/WalletsFilter.js

@@ -3,20 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WalletsFilter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const connect_1 = require("@0xsequence/connect");
-const design_system_1 = require("@0xsequence/design-system");
+const micro_observables_1 = require("micro-observables");
 const index_js_1 = require("../../hooks/index.js");
-const useFiatWalletsMap_js_1 = require("../../hooks/useFiatWalletsMap.js");
-const CopyButton_js_1 = require("../CopyButton.js");
-const index_js_2 = require("../IconWrappers/index.js");
-const ListCardSelect_js_1 = require("../ListCard/ListCardSelect.js");
-const WalletAccountGradient_js_1 = require("../WalletAccountGradient.js");
-const WalletsFilter = () => {
-    const { selectedWalletsObservable, setSelectedWallets, fiatCurrency } = (0, index_js_1.useSettings)();
-    const { fiatWalletsMap } = (0, useFiatWalletsMap_js_1.useFiatWalletsMap)();
+const ListCardWallet_js_1 = require("../ListCard/ListCardWallet.js");
+const WalletsFilter = ({ onClose }) => {
+    const { selectedWalletsObservable, setSelectedWallets } = (0, index_js_1.useSettings)();
     const { wallets } = (0, connect_1.useWallets)();
-    const totalFiatValue = fiatWalletsMap.reduce((acc, wallet) => acc + Number(wallet.fiatValue), 0).toFixed(2);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col bg-background-primary gap-3", children: [wallets.length > 1 && ((0, jsx_runtime_1.jsxs)(ListCardSelect_js_1.ListCardSelect, { isSelected: selectedWalletsObservable.get().length > 1, rightChildren: (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, totalFiatValue] }), onClick: () => setSelectedWallets([]), children: [(0, jsx_runtime_1.jsx)(index_js_2.MediaIconWrapper, { iconList: wallets.map(wallet => wallet.address), size: "sm", isAccount: true }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "All" })] }, "all")), wallets.map(wallet => ((0, jsx_runtime_1.jsxs)(ListCardSelect_js_1.ListCardSelect, { isSelected: selectedWalletsObservable.get().length === 1 &&
-                    selectedWalletsObservable.get().find(w => w.address === wallet.address) !== undefined, rightChildren: (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, fiatWalletsMap.find(w => w.accountAddress === wallet.address)?.fiatValue] }), onClick: () => setSelectedWallets([wallet]), children: [(0, jsx_runtime_1.jsx)(WalletAccountGradient_js_1.WalletAccountGradient, { accountAddress: wallet.address, size: 'small' }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { className: "flex flex-row gap-1 items-center", nowrap: true, color: "primary", fontWeight: "medium", variant: "normal", children: [(0, connect_1.formatAddress)(wallet.address), (0, jsx_runtime_1.jsx)(CopyButton_js_1.CopyButton, { text: wallet.address, buttonVariant: "icon", onClick: e => e.stopPropagation() })] })] }, wallet.address)))] }));
+    const selectedWallets = (0, micro_observables_1.useObservable)(selectedWalletsObservable);
+    const onWalletClick = (wallet) => {
+        if (wallet) {
+            setSelectedWallets([wallet]);
+        }
+        else {
+            setSelectedWallets([]);
+        }
+        onClose();
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col bg-background-primary gap-3", children: wallets.map(wallet => ((0, jsx_runtime_1.jsx)(ListCardWallet_js_1.ListCardWallet, { isSelected: selectedWallets.length === 1 && selectedWallets.some(w => w.address === wallet.address), wallet: wallet, onClick: () => onWalletClick(wallet) }, wallet.address))) }));
 };
 exports.WalletsFilter = WalletsFilter;
 //# sourceMappingURL=WalletsFilter.js.map

package/dist/cjs/components/Filter/WalletsFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletsFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WalletsFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":";;;;AAAA,iDAAsE;AACtE,yDAAiD;AAEjD,mDAAkD;AAClD,qEAA8D;AAEvD,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAA2B,EAAE,EAAE;IACpE,MAAM,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IACvE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,oBAAU,GAAE,CAAA;IAEhC,MAAM,eAAe,GAAG,IAAA,iCAAa,EAAC,yBAAyB,CAAC,CAAA;IAEhE,MAAM,aAAa,GAAG,CAAC,MAAwB,EAAE,EAAE;QACjD,IAAI,MAAM,EAAE,CAAC;YACX,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACxB,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,OAAO,CACL,gCAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,uBAAC,kCAAc,IACb,UAAU,EAAE,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC,EAEnG,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAF/B,MAAM,CAAC,OAAO,CAGnB,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,aAAa,iBA2BzB"}

package/dist/cjs/components/InfiniteScroll.js

@@ -39,7 +39,7 @@ const InfiniteScroll = (props) => {
         setPageNumber(pageNumber => pageNumber + 1);
         setIsFetching(false);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)("div", { ref: bottomRef })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)("span", { ref: bottomRef })] }));
 };
 exports.InfiniteScroll = InfiniteScroll;
 //# sourceMappingURL=InfiniteScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2G;AAEpG,MAAM,uBAAuB,GAAG,CAAC,GAA8B,EAAE,OAAkC,EAAE,EAAE;IAC5G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAmC,IAAI,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;IAEnG,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAC/B,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBAChB,QAAQ,CAAC,UAAU,EAAE,CAAA;YACvB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,CAAA;AACvC,CAAC,CAAA;AAjBY,QAAA,uBAAuB,2BAiBnC;AAQM,MAAM,cAAc,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAEhE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,IAAA,+BAAuB,EAAC,SAAS,CAAC,CAAA;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACvC,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;QAExB,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QAC3C,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,6DACG,QAAQ,EACT,gCAAK,GAAG,EAAE,SAAS,GAAI,IACtB,CACJ,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,cAAc,kBAiC1B"}
+{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2G;AAEpG,MAAM,uBAAuB,GAAG,CAAC,GAA8B,EAAE,OAAkC,EAAE,EAAE;IAC5G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAmC,IAAI,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;IAEnG,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAC/B,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBAChB,QAAQ,CAAC,UAAU,EAAE,CAAA;YACvB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,CAAA;AACvC,CAAC,CAAA;AAjBY,QAAA,uBAAuB,2BAiBnC;AAQM,MAAM,cAAc,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAEhE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,IAAA,+BAAuB,EAAC,SAAS,CAAC,CAAA;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACvC,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;QAExB,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QAC3C,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,6DACG,QAAQ,EACT,iCAAM,GAAG,EAAE,SAAS,GAAI,IACvB,CACJ,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,cAAc,kBAiC1B"}

package/dist/cjs/components/ListCard/{ListCardSelect.d.ts → ListCard.d.ts}

@@ -1,11 +1,11 @@
-export declare const ListCardSelect: ({ children, rightChildren, shape, style, type, isSelected, disabled, onClick }: {
+export declare const ListCard: ({ children, rightChildren, shape, style, type, isSelected, disabled, onClick }: {
     children: React.ReactNode;
     rightChildren?: React.ReactNode;
     shape?: "rounded" | "square";
     style?: React.CSSProperties;
-    type?: "radio" | "custom";
+    type?: "default" | "chevron" | "radio";
     isSelected?: boolean;
     disabled?: boolean;
     onClick?: () => void;
 }) => import("react/jsx-runtime.js").JSX.Element;
-//# sourceMappingURL=ListCardSelect.d.ts.map
+//# sourceMappingURL=ListCard.d.ts.map

package/dist/cjs/components/ListCard/ListCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCard.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,GAAI,gFAStB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,+CA0BA,CAAA"}

package/dist/cjs/components/ListCard/ListCard.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const RadioSelector_js_1 = require("./RadioSelector.js");
+const ListCard = ({ children, rightChildren, shape = 'rounded', style, type = 'default', isSelected = false, disabled = false, onClick }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, design_system_1.cn)('flex flex-row justify-between items-center bg-background-secondary w-full p-4 gap-2', !disabled && 'cursor-pointer hover:opacity-80', shape === 'rounded' ? 'rounded-lg' : 'rounded-none', isSelected && 'border-2 border-violet-600'), style: { height: '68px', ...style }, onClick: disabled ? undefined : onClick, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-row gap-2 items-center w-full", children: children }), (rightChildren || type === 'chevron' || type === 'radio') && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [rightChildren, type === 'chevron' ? ((0, jsx_runtime_1.jsx)(design_system_1.ChevronRightIcon, { color: "white", size: "md" })) : type === 'radio' ? ((0, jsx_runtime_1.jsx)(RadioSelector_js_1.RadioSelector, { isSelected: isSelected })) : null] }))] }));
+};
+exports.ListCard = ListCard;
+//# sourceMappingURL=ListCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCard.js","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCard.tsx"],"names":[],"mappings":";;;;AAAA,6DAAgE;AAEhE,yDAAkD;AAE3C,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EAUR,EAAE,EAAE;IACH,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,kBAAE,EACX,qFAAqF,EACrF,CAAC,QAAQ,IAAI,iCAAiC,EAC9C,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACnD,UAAU,IAAI,4BAA4B,CAC3C,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EACnC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,aAEvC,gCAAK,SAAS,EAAC,yCAAyC,YAAE,QAAQ,GAAO,EAExE,CAAC,aAAa,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO,CAAC,IAAI,CAC5D,iCAAK,SAAS,EAAC,kCAAkC,aAC9C,aAAa,EACb,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,uBAAC,gCAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,CAC7C,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACrB,uBAAC,gCAAa,IAAC,UAAU,EAAE,UAAU,GAAI,CAC1C,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,QAAQ,YA4CpB"}

package/dist/cjs/components/ListCard/ListCardNetwork.d.ts

@@ -0,0 +1,6 @@
+export declare const ListCardNetwork: ({ chainId, isSelected, onClick }: {
+    chainId: number;
+    isSelected?: boolean;
+    onClick?: () => void;
+}) => import("react/jsx-runtime.js").JSX.Element;
+//# sourceMappingURL=ListCardNetwork.d.ts.map

package/dist/cjs/components/ListCard/ListCardNetwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNetwork.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardNetwork.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,GAAI,kCAI7B;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,+CAcA,CAAA"}

package/dist/cjs/components/ListCard/ListCardNetwork.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardNetwork = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const NetworkImageCustom_js_1 = require("../Filter/NetworkImageCustom.js");
+const ListCard_js_1 = require("./ListCard.js");
+const ListCardNetwork = ({ chainId, isSelected = false, onClick = () => { } }) => {
+    const network = (0, connect_1.getNetwork)(chainId);
+    const title = network.title;
+    return ((0, jsx_runtime_1.jsx)(ListCard_js_1.ListCard, { type: isSelected ? 'radio' : 'default', onClick: onClick, isSelected: isSelected, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 justify-center items-center", children: [(0, jsx_runtime_1.jsx)(NetworkImageCustom_js_1.NetworkImageCustom, { chainId: chainId, style: { width: '32px', height: '32px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", variant: "normal", fontWeight: "bold", children: title })] }) }));
+};
+exports.ListCardNetwork = ListCardNetwork;
+//# sourceMappingURL=ListCardNetwork.js.map

package/dist/cjs/components/ListCard/ListCardNetwork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNetwork.js","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardNetwork.tsx"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAChD,6DAAgD;AAEhD,2EAAoE;AAEpE,+CAAwC;AAEjC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAKnB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,OAAO,CAAC,CAAA;IACnC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;IAE3B,OAAO,CACL,uBAAC,sBAAQ,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,YACxF,iCAAK,SAAS,EAAC,wCAAwC,aACrD,uBAAC,0CAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAClF,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YACrD,KAAK,GACD,IACH,GACG,CACZ,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,eAAe,mBAsB3B"}

package/dist/cjs/components/ListCard/ListCardWallet.d.ts

@@ -0,0 +1,9 @@
+import type { ConnectedWallet } from '@0xsequence/connect';
+export declare const ListCardWallet: ({ wallet, disabled, isSelected, rightChildren, onClick }: {
+    wallet: ConnectedWallet;
+    disabled?: boolean;
+    isSelected?: boolean;
+    rightChildren?: React.ReactNode;
+    onClick?: () => void;
+}) => import("react/jsx-runtime.js").JSX.Element;
+//# sourceMappingURL=ListCardWallet.d.ts.map

package/dist/cjs/components/ListCard/ListCardWallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardWallet.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAa1D,eAAO,MAAM,cAAc,GAAI,0DAM5B;IACD,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,+CAoEA,CAAA"}