@0xsequence/wallet-widget 5.1.0 → 5.2.0

package/dist/esm/components/Filter/FilterButton.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useWallets } from '@0xsequence/connect';
+import { FilterIcon, cn, cardVariants, Text } from '@0xsequence/design-system';
+import { AnimatePresence } from 'motion/react';
+import { useMemo, useState } from 'react';
+import { useSettings } from '../../hooks';
+import { FilterMenu } from './FilterMenu';
+export const FilterButton = ({ label, type }) => {
+    const { wallets } = useWallets();
+    const { selectedWallets, selectedNetworks, selectedCollections, allNetworks } = useSettings();
+    const [isOpen, setIsOpen] = useState(false);
+    const howManyModifiedFilters = useMemo(() => {
+        const isModifiedWallets = Number(selectedWallets.length !== wallets.length);
+        const isModifiedNetworks = Number(selectedNetworks.length !== allNetworks.length);
+        const isModifiedCollections = Number(selectedCollections.length !== 0);
+        return isModifiedWallets + isModifiedNetworks + isModifiedCollections;
+    }, [selectedWallets, wallets, selectedNetworks, allNetworks, selectedCollections]);
+    return (_jsxs("div", { className: cn(cardVariants({ clickable: true }), 'flex items-center justify-center relative overflow-visible'), style: { height: '52px', width: '52px' }, onClick: () => setIsOpen(true), children: [_jsx(FilterIcon, { size: "sm", color: "white" }), _jsx("div", { className: "absolute", style: { top: '-5px', right: '-10px' }, children: howManyModifiedFilters > 0 && (_jsx("div", { className: "flex items-center justify-center w-6 h-6 rounded-full", style: { backgroundColor: '#0076CC' }, children: _jsx(Text, { variant: "small", color: "white", children: howManyModifiedFilters }) })) }), _jsx(AnimatePresence, { children: isOpen && _jsx(FilterMenu, { onClose: () => setIsOpen(false), label: label, type: type }) })] }));
+};
+//# sourceMappingURL=FilterButton.js.map

package/dist/esm/components/Filter/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAuE,EAAE,EAAE;IACnH,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAA;IAC7F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,iBAAiB,GAAG,MAAM,CAAC,eAAe,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;QAC3E,MAAM,kBAAkB,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,CAAC,CAAA;QACjF,MAAM,qBAAqB,GAAG,MAAM,CAAC,mBAAmB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAA;QAEtE,OAAO,iBAAiB,GAAG,kBAAkB,GAAG,qBAAqB,CAAA;IACvE,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAElF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,4DAA4D,CAAC,EAC9G,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAE9B,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,GAAG,EACtC,cAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,YAC7D,sBAAsB,GAAG,CAAC,IAAI,CAC7B,cAAK,SAAS,EAAC,uDAAuD,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,YAC1G,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YAChC,sBAAsB,GAClB,GACH,CACP,GACG,EAEN,KAAC,eAAe,cAAE,MAAM,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,GAAmB,IACpH,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterMenu.tsx"],"names":[],"mappings":"AAwBA,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,4CAgKA,CAAA"}

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

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAddress, getNetwork, useWallets } from '@0xsequence/connect';
+import { Text, TokenImage } from '@0xsequence/design-system';
+import { useGetTokenBalancesSummary } from '@0xsequence/hooks';
+import { ContractType } from '@0xsequence/indexer';
+import { useObservable } from 'micro-observables';
+import { useState } from 'react';
+import { useSettings } from '../../hooks';
+import { StackedIconTag } from '../IconWrappers';
+import { ListCardNav } from '../ListCard';
+import { SlideupDrawer } from '../Select/SlideupDrawer';
+import { CollectionsFilter } from './CollectionsFilter';
+import { NetworkImageCustom } from './NetworkImageCustom';
+import { NetworksFilter } from './NetworksFilter';
+import { WalletsFilter } from './WalletsFilter';
+var FilterType;
+(function (FilterType) {
+    FilterType["menu"] = "Filters";
+    FilterType["wallets"] = "Select active Wallets";
+    FilterType["networks"] = "Select active Networks";
+    FilterType["collections"] = "Select active Collections";
+})(FilterType || (FilterType = {}));
+export const FilterMenu = ({ label, type, onClose }) => {
+    const { wallets } = useWallets();
+    const { selectedWalletsObservable, selectedNetworksObservable, selectedCollectionsObservable } = useSettings();
+    const selectedWallets = useObservable(selectedWalletsObservable);
+    const selectedNetworks = useObservable(selectedNetworksObservable);
+    const selectedCollections = useObservable(selectedCollectionsObservable);
+    const [selectedFilter, setSelectedFilter] = useState(FilterType.menu);
+    const { data: tokens } = useGetTokenBalancesSummary({
+        chainIds: selectedNetworks,
+        filter: {
+            accountAddresses: selectedWallets.map(wallet => wallet.address),
+            omitNativeBalances: true
+        }
+    });
+    const collections = tokens
+        ?.filter(token => token.contractType === ContractType.ERC721 || token.contractType === ContractType.ERC1155)
+        .map(collection => {
+        return {
+            contractAddress: collection.contractAddress,
+            contractInfo: {
+                name: collection.contractInfo?.name || '',
+                logoURI: collection.contractInfo?.logoURI || ''
+            }
+        };
+    });
+    const walletsPreview = selectedWallets.length > 1 || wallets.length === 1 ? (_jsx(StackedIconTag, { iconList: [], label: _jsx(Text, { variant: "normal", color: "primary", children: "All" }) })) : (_jsx("div", { className: "flex flex-row gap-2 items-center", children: _jsx(StackedIconTag, { iconList: [selectedWallets[0].address], isAccount: true, label: _jsx(Text, { variant: "normal", color: "primary", nowrap: true, style: { maxWidth: '200px' }, ellipsis: true, children: formatAddress(selectedWallets[0].address) }) }) }));
+    const networksPreview = selectedNetworks.length > 1 ? (_jsx("div", { className: "flex flex-row gap-2 items-center", children: _jsx(StackedIconTag, { iconList: [], label: _jsx(Text, { variant: "normal", color: "primary", children: "All" }) }) })) : (_jsx(StackedIconTag
+    // iconList={[`https://assets.sequence.info/images/networks/medium/${selectedNetworks[0]}.webp`]}
+    , { 
+        // iconList={[`https://assets.sequence.info/images/networks/medium/${selectedNetworks[0]}.webp`]}
+        iconList: [_jsx(NetworkImageCustom, { chainId: selectedNetworks[0], style: { width: '16px', height: '16px' } })], label: _jsx(Text, { variant: "normal", color: "primary", nowrap: true, style: { maxWidth: '200px' }, ellipsis: true, children: getNetwork(selectedNetworks[0]).title }) }));
+    const collectionsPreview = collections?.length === 0 ? (_jsx(Text, { variant: "normal", color: "primary", children: "N/A" })) : selectedCollections.length === 0 ? (_jsx(StackedIconTag, { iconList: [], label: _jsx(Text, { variant: "normal", color: "primary", children: "All" }) })) : (_jsx(StackedIconTag, { iconList: [
+            _jsx(TokenImage, { size: "xs", src: selectedCollections[0].contractInfo?.logoURI, symbol: selectedCollections[0].contractInfo?.name })
+        ], label: _jsx(Text, { variant: "normal", color: "primary", nowrap: true, style: { maxWidth: '200px' }, ellipsis: true, children: selectedCollections[0].contractInfo?.name }) }));
+    const handleFilterChange = (filter) => {
+        setSelectedFilter(filter);
+    };
+    return (_jsx(SlideupDrawer, { onClose: onClose, label: selectedFilter === FilterType.menu ? label : selectedFilter, onBackPress: selectedFilter !== FilterType.menu ? () => handleFilterChange(FilterType.menu) : undefined, children: selectedFilter === FilterType.menu ? (_jsxs("div", { className: "flex flex-col bg-background-primary gap-3", children: [_jsx(ListCardNav, { rightChildren: walletsPreview, style: { height: '64px' }, onClick: () => handleFilterChange(FilterType.wallets), children: _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Wallets" }) }), _jsx(ListCardNav, { rightChildren: networksPreview, style: { height: '64px' }, onClick: () => handleFilterChange(FilterType.networks), children: _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Networks" }) }), type === 'collectibles' && (_jsx(ListCardNav, { rightChildren: collectionsPreview, style: { height: '64px' }, disabled: collections?.length === 0, onClick: () => handleFilterChange(FilterType.collections), children: _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Collections" }) }))] })) : selectedFilter === FilterType.wallets ? (_jsx(WalletsFilter, {})) : selectedFilter === FilterType.networks ? (_jsx(NetworksFilter, {})) : selectedFilter === FilterType.collections ? (_jsx(CollectionsFilter, {})) : null }));
+};
+//# sourceMappingURL=FilterMenu.js.map

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

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

package/dist/esm/components/Filter/NetworkImageCustom.d.ts

@@ -0,0 +1,7 @@
+export declare const NetworkImageCustom: ({ chainId, indicatorPosition, style, className }: {
+    chainId: number;
+    indicatorPosition?: "top-left" | "top-right";
+    style?: React.CSSProperties;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NetworkImageCustom.d.ts.map

package/dist/esm/components/Filter/NetworkImageCustom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkImageCustom.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/NetworkImageCustom.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,GAAI,kDAKhC;IACD,OAAO,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,UAAU,GAAG,WAAW,CAAA;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,4CAuBA,CAAA"}

package/dist/esm/components/Filter/NetworkImageCustom.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getNetwork } from '@0xsequence/connect';
+import { NetworkImage } from '@0xsequence/design-system';
+export const NetworkImageCustom = ({ chainId, indicatorPosition = 'top-left', style, className }) => {
+    const network = getNetwork(chainId);
+    const isTestnet = network.testnet;
+    return (_jsxs("div", { className: "relative overflow-visible", children: [isTestnet && (_jsx("div", { className: "absolute z-1 border rounded-full", style: {
+                    minWidth: '6px',
+                    minHeight: '6px',
+                    width: '30%',
+                    height: '30%',
+                    ...(indicatorPosition === 'top-left' && { left: '-1px', top: '-1px' }),
+                    ...(indicatorPosition === 'top-right' && { right: '-1px', top: '-1px' }),
+                    backgroundColor: '#F4B03E'
+                } })), _jsx(NetworkImage, { className: className, chainId: chainId, style: { ...style } })] }));
+};
+//# sourceMappingURL=NetworkImageCustom.js.map

package/dist/esm/components/Filter/NetworkImageCustom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkImageCustom.js","sourceRoot":"","sources":["../../../../src/components/Filter/NetworkImageCustom.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,OAAO,EACP,iBAAiB,GAAG,UAAU,EAC9B,KAAK,EACL,SAAS,EAMV,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAA;IACjC,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACvC,SAAS,IAAI,CACZ,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE;oBACL,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,KAAK;oBAChB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,KAAK;oBACb,GAAG,CAAC,iBAAiB,KAAK,UAAU,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;oBACtE,GAAG,CAAC,iBAAiB,KAAK,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;oBACxE,eAAe,EAAE,SAAS;iBAC3B,GACD,CACH,EAED,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAI,IACzE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Filter/NetworkRow.d.ts

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

package/dist/esm/components/Filter/NetworkRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/NetworkRow.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,GAAI,kCAAkC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,4CAazH,CAAA"}

package/dist/esm/components/Filter/NetworkRow.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getNetwork } from '@0xsequence/connect';
+import { Text } from '@0xsequence/design-system';
+import { ListCardSelect } from '../ListCard';
+import { NetworkImageCustom } from './NetworkImageCustom';
+export const NetworkRow = ({ chainId, isSelected, onClick }) => {
+    const network = getNetwork(chainId);
+    const title = network.title;
+    return (_jsx(ListCardSelect, { isSelected: isSelected, onClick: onClick, children: _jsxs("div", { className: "flex gap-2 justify-center items-center", children: [_jsx(NetworkImageCustom, { chainId: chainId, style: { width: '32px', height: '32px' } }), _jsx(Text, { color: "primary", variant: "normal", fontWeight: "bold", children: title })] }) }, chainId));
+};
+//# sourceMappingURL=NetworkRow.js.map

package/dist/esm/components/Filter/NetworkRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkRow.js","sourceRoot":"","sources":["../../../../src/components/Filter/NetworkRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAiE,EAAE,EAAE;IAC5H,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;IAC3B,OAAO,CACL,KAAC,cAAc,IAAe,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,YACpE,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAClF,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YACrD,KAAK,GACD,IACH,IANa,OAAO,CAOX,CAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Filter/NetworksFilter.d.ts

@@ -0,0 +1,2 @@
+export declare const NetworksFilter: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NetworksFilter.d.ts.map

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@0xsequence/design-system';
+import { useObservable } from 'micro-observables';
+import { useSettings } from '../../hooks';
+import { MediaIconWrapper } from '../IconWrappers';
+import { ListCardSelect } from '../ListCard/ListCardSelect';
+import { NetworkImageCustom } from './NetworkImageCustom';
+import { NetworkRow } from './NetworkRow';
+export const NetworksFilter = () => {
+    const { selectedNetworksObservable, setSelectedNetworks, allNetworks } = useSettings();
+    const selectedNetworks = useObservable(selectedNetworksObservable);
+    // NetworksFilter is using an observable since its used in settings detached from FilterMenu
+    return (_jsxs("div", { className: "flex flex-col bg-background-primary gap-3", children: [allNetworks.length > 1 && (_jsxs(ListCardSelect, { isSelected: selectedNetworks.length > 1, onClick: () => setSelectedNetworks([]), children: [_jsx(MediaIconWrapper, { iconList: allNetworks.map(network => (_jsx(NetworkImageCustom, { chainId: network, style: { width: '32px', height: '32px' } }))), size: "sm" }), _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "All" })] }, "all")), allNetworks.map(chainId => (_jsx(NetworkRow, { chainId: chainId, isSelected: selectedNetworks.length === 1 && selectedNetworks.includes(chainId), onClick: () => setSelectedNetworks([chainId]) }, chainId)))] }));
+};
+//# sourceMappingURL=NetworksFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetworksFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAA;IACtF,MAAM,gBAAgB,GAAG,aAAa,CAAC,0BAA0B,CAAC,CAAA;IAClE,4FAA4F;IAE5F,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACvD,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,MAAC,cAAc,IAAW,UAAU,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC,aACvG,KAAC,gBAAgB,IACf,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACnC,KAAC,kBAAkB,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,KAAC,IAAI,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,KAAC,UAAU,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"}

package/dist/esm/components/Filter/TokenImageCustom.d.ts

@@ -0,0 +1,6 @@
+export declare const TokenImageCustom: ({ src, symbol, chainId }: {
+    src: string | undefined;
+    symbol: string | undefined;
+    chainId: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TokenImageCustom.d.ts.map

package/dist/esm/components/Filter/TokenImageCustom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenImageCustom.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/TokenImageCustom.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,GAAI,0BAI9B;IACD,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,OAAO,EAAE,MAAM,CAAA;CAChB,4CA0BA,CAAA"}

package/dist/esm/components/Filter/TokenImageCustom.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TokenImage } from '@0xsequence/design-system';
+import { NetworkImageCustom } from './NetworkImageCustom';
+const NETWORK_IMAGE_SIZE = '45%';
+const NETWORK_IMAGE_OFFSET = '-1px';
+export const TokenImageCustom = ({ src, symbol, chainId }) => {
+    return (_jsxs("div", { className: "relative rounded-full bg-background-muted", children: [_jsx("div", { className: "absolute z-1", style: {
+                    width: NETWORK_IMAGE_SIZE,
+                    height: NETWORK_IMAGE_SIZE,
+                    bottom: NETWORK_IMAGE_OFFSET,
+                    right: NETWORK_IMAGE_OFFSET
+                }, children: _jsx(NetworkImageCustom, { className: "border", chainId: chainId, indicatorPosition: "top-right", style: {
+                        width: '100%',
+                        height: '100%'
+                    } }) }), _jsx(TokenImage, { src: src, symbol: symbol })] }));
+};
+//# sourceMappingURL=TokenImageCustom.js.map

package/dist/esm/components/Filter/TokenImageCustom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenImageCustom.js","sourceRoot":"","sources":["../../../../src/components/Filter/TokenImageCustom.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAChC,MAAM,oBAAoB,GAAG,MAAM,CAAA;AAEnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,MAAM,EACN,OAAO,EAKR,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACxD,cACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE;oBACL,KAAK,EAAE,kBAAkB;oBACzB,MAAM,EAAE,kBAAkB;oBAC1B,MAAM,EAAE,oBAAoB;oBAC5B,KAAK,EAAE,oBAAoB;iBAC5B,YAED,KAAC,kBAAkB,IACjB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,WAAW,EAC7B,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;qBACf,GACD,GACE,EAEN,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAI,IACpC,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,+CAmDzB,CAAA"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAddress, useWallets } from '@0xsequence/connect';
+import { Text } from '@0xsequence/design-system';
+import { useSettings } from '../../hooks';
+import { useFiatWalletsMap } from '../../hooks/useFiatWalletsMap';
+import { CopyButton } from '../CopyButton';
+import { MediaIconWrapper } from '../IconWrappers';
+import { ListCardSelect } from '../ListCard/ListCardSelect';
+import { WalletAccountGradient } from '../WalletAccountGradient';
+export const WalletsFilter = () => {
+    const { selectedWalletsObservable, setSelectedWallets, fiatCurrency } = useSettings();
+    const { fiatWalletsMap } = useFiatWalletsMap();
+    const { wallets } = useWallets();
+    const totalFiatValue = fiatWalletsMap.reduce((acc, wallet) => acc + Number(wallet.fiatValue), 0).toFixed(2);
+    return (_jsxs("div", { className: "flex flex-col bg-background-primary gap-3", children: [wallets.length > 1 && (_jsxs(ListCardSelect, { isSelected: selectedWalletsObservable.get().length > 1, rightChildren: _jsxs(Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, totalFiatValue] }), onClick: () => setSelectedWallets([]), children: [_jsx(MediaIconWrapper, { iconList: wallets.map(wallet => wallet.address), size: "sm", isAccount: true }), _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "All" })] }, "all")), wallets.map(wallet => (_jsxs(ListCardSelect, { isSelected: selectedWalletsObservable.get().length === 1 &&
+                    selectedWalletsObservable.get().find(w => w.address === wallet.address) !== undefined, rightChildren: _jsxs(Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, fiatWalletsMap.find(w => w.accountAddress === wallet.address)?.fiatValue] }), onClick: () => setSelectedWallets([wallet]), children: [_jsx(WalletAccountGradient, { accountAddress: wallet.address, size: 'small' }), _jsxs(Text, { className: "flex flex-row gap-1 items-center", nowrap: true, color: "primary", fontWeight: "medium", variant: "normal", children: [formatAddress(wallet.address), _jsx(CopyButton, { text: wallet.address, buttonVariant: "icon", onClick: e => e.stopPropagation() })] })] }, wallet.address)))] }));
+};
+//# sourceMappingURL=WalletsFilter.js.map

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

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

package/dist/esm/components/IconWrappers/MediaIconWrapper.d.ts

@@ -0,0 +1,7 @@
+export declare const MediaIconWrapper: ({ iconList, isAccount, size, shape }: {
+    iconList: string[] | React.ReactNode[];
+    isAccount?: boolean;
+    size?: "4xs" | "2xs" | "sm" | "base" | "lg" | "2lg" | "3lg";
+    shape?: "rounded" | "square";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaIconWrapper.d.ts.map

package/dist/esm/components/IconWrappers/MediaIconWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaIconWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/IconWrappers/MediaIconWrapper.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,gBAAgB,GAAI,sCAK9B;IACD,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;IAC3D,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC7B,4CAsFA,CAAA"}

package/dist/esm/components/IconWrappers/MediaIconWrapper.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { GradientAvatar } from '@0xsequence/design-system';
+const widthClassMap = {
+    '4xs': '16px',
+    '2xs': '24px',
+    sm: '32px',
+    base: '44px',
+    lg: '56px',
+    '2lg': '64px',
+    '3lg': '80px'
+};
+export const MediaIconWrapper = ({ iconList, isAccount = false, size = 'base', shape = 'rounded' }) => {
+    const firstThreeIcons = iconList.slice(0, 3);
+    let partialWidth = 0;
+    let shapeClass = 'rounded-lg';
+    switch (size) {
+        case '4xs':
+            partialWidth = 8;
+            shapeClass = 'rounded-sm';
+            break;
+        case '2xs':
+            partialWidth = 12;
+            shapeClass = 'rounded-md';
+            break;
+        case 'sm':
+            partialWidth = 16;
+            break;
+        case 'base':
+            partialWidth = 22;
+            break;
+        case 'lg':
+            partialWidth = 28;
+            break;
+        case '2lg':
+            partialWidth = 32;
+            break;
+        case '3lg':
+            partialWidth = 40;
+            break;
+    }
+    const width = firstThreeIcons.length * partialWidth + partialWidth;
+    if (shape === 'rounded') {
+        shapeClass = 'rounded-full';
+    }
+    return (_jsx("div", { className: "flex flex-row relative", style: { position: 'relative', width: `${width}px` }, children: firstThreeIcons.map((icon, index) => (_jsx("div", { style: {
+                position: 'absolute',
+                top: '50%',
+                left: `${index * partialWidth}px`,
+                transform: 'translateY(-50%)'
+            }, children: typeof icon === 'string' ? (_jsx(_Fragment, { children: isAccount ? (_jsx("div", { className: `flex items-center justify-center ${shapeClass} border bg-background-primary`, style: { width: `calc(${widthClassMap[size]} + 2px)`, height: `calc(${widthClassMap[size]} + 2px)` }, children: _jsx(GradientAvatar, { address: icon, className: "w-full h-full" }) })) : (_jsx("div", { className: `flex items-center justify-center ${shapeClass} border overflow-hidden`, style: {
+                        width: `calc(${widthClassMap[size]} + 2px)`,
+                        height: `calc(${widthClassMap[size]} + 2px)`
+                    }, children: _jsx("img", { src: icon, alt: "icon", style: { backgroundColor: 'lightgray' } }) })) })) : (_jsx("div", { className: `flex items-center justify-center ${shapeClass} border bg-background-primary`, style: {
+                    width: `calc(${widthClassMap[size]} + 2px)`,
+                    height: `calc(${widthClassMap[size]} + 2px)`
+                }, children: icon })) }, index))) }));
+};
+//# sourceMappingURL=MediaIconWrapper.js.map

package/dist/esm/components/IconWrappers/MediaIconWrapper.js.map

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

package/dist/esm/components/IconWrappers/StackedIconTag.d.ts

@@ -0,0 +1,9 @@
+export declare const StackedIconTag: ({ iconList, isAccount, shape, label, onClick, enabled }: {
+    iconList: string[] | React.ReactNode[];
+    isAccount?: boolean;
+    shape?: "rounded" | "square";
+    label?: React.ReactNode;
+    onClick?: () => void;
+    enabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StackedIconTag.d.ts.map

package/dist/esm/components/IconWrappers/StackedIconTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedIconTag.d.ts","sourceRoot":"","sources":["../../../../src/components/IconWrappers/StackedIconTag.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,yDAO5B;IACD,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,4CAYA,CAAA"}

package/dist/esm/components/IconWrappers/StackedIconTag.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MediaIconWrapper } from './MediaIconWrapper';
+export const StackedIconTag = ({ iconList, isAccount = false, shape = 'rounded', label = undefined, onClick, enabled = false }) => {
+    const shapeClass = shape === 'rounded' ? 'rounded-full' : 'rounded-lg';
+    return (_jsxs("div", { className: `${shapeClass} flex flex-row items-center bg-background-secondary px-2 py-1 ${enabled ? 'hover:opacity-80 cursor-pointer focus:ring-2 focus:ring-focus focus:outline-hidden' : ''}`, style: { height: '28px', gap: '6px' }, onClick: onClick, children: [iconList.length > 0 && _jsx(MediaIconWrapper, { iconList: iconList, isAccount: isAccount, shape: shape, size: "4xs" }), label] }));
+};
+//# sourceMappingURL=StackedIconTag.js.map

package/dist/esm/components/IconWrappers/StackedIconTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedIconTag.js","sourceRoot":"","sources":["../../../../src/components/IconWrappers/StackedIconTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,OAAO,GAAG,KAAK,EAQhB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAA;IACtE,OAAO,CACL,eACE,SAAS,EAAE,GAAG,UAAU,iEAAiE,OAAO,CAAC,CAAC,CAAC,oFAAoF,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9L,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EACrC,OAAO,EAAE,OAAO,aAEf,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,KAAK,GAAG,EAC9G,KAAK,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/IconWrappers/index.d.ts

@@ -0,0 +1,3 @@
+export { StackedIconTag } from './StackedIconTag';
+export { MediaIconWrapper } from './MediaIconWrapper';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/IconWrappers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconWrappers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/esm/components/IconWrappers/index.js

@@ -0,0 +1,3 @@
+export { StackedIconTag } from './StackedIconTag';
+export { MediaIconWrapper } from './MediaIconWrapper';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/IconWrappers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/IconWrappers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/esm/components/InfiniteScroll.d.ts

@@ -3,6 +3,7 @@ export declare const useIntersectionObserver: (ref: RefObject<Element | null>, o
 interface InfiniteScrollProps {
     onLoad: (pageNumber: number) => Promise<any>;
     hasMore?: boolean;
+    resetTrigger?: boolean;
 }
 export declare const InfiniteScroll: (props: PropsWithChildren<InfiniteScrollProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/InfiniteScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAA;AAEjG,eAAO,MAAM,uBAAuB,GAAI,KAAK,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,UAAU,wBAAwB,YAiBzG,CAAA;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,4CA6B3E,CAAA"}
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAA;AAEjG,eAAO,MAAM,uBAAuB,GAAI,KAAK,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,UAAU,wBAAwB,YAiBzG,CAAA;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,4CAiC3E,CAAA"}

package/dist/esm/components/InfiniteScroll.js

@@ -16,11 +16,14 @@ export const useIntersectionObserver = (ref, options) => {
     return entry?.isIntersecting ?? false;
 };
 export const InfiniteScroll = (props) => {
-    const { onLoad, hasMore = true, children } = props;
+    const { onLoad, hasMore = true, children, resetTrigger } = props;
     const [pageNumber, setPageNumber] = useState(0);
     const [isLoading, setLoading] = useState(false);
     const bottomRef = useRef(null);
     const isBottom = useIntersectionObserver(bottomRef);
+    useEffect(() => {
+        setPageNumber(0);
+    }, [resetTrigger]);
     useEffect(() => {
         if (isBottom && hasMore && !isLoading) {
             handleLoad();

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjG,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAA8B,EAAE,OAAkC,EAAE,EAAE;IAC5G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmC,IAAI,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,OAAO,CAAC,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,SAAS,CAAC,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;AAOD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAElD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAA;QAEhB,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;QAExB,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QAC3C,UAAU,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,8BACG,QAAQ,EACT,cAAK,GAAG,EAAE,SAAS,GAAI,IACtB,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjG,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAA8B,EAAE,OAAkC,EAAE,EAAE;IAC5G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmC,IAAI,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,OAAO,CAAC,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,SAAS,CAAC,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;AAQD,MAAM,CAAC,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,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAA;QAEhB,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;QAExB,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QAC3C,UAAU,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,8BACG,QAAQ,EACT,cAAK,GAAG,EAAE,SAAS,GAAI,IACtB,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCard/ListCardNav.d.ts

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

package/dist/esm/components/ListCard/ListCardNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNav.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardNav.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,oEAQzB;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,QAAQ,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,4CAoBA,CAAA"}

package/dist/esm/components/ListCard/ListCardNav.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, ChevronRightIcon } from '@0xsequence/design-system';
+export const ListCardNav = ({ children, rightChildren, shape = 'rounded', style, type = 'chevron', onClick, disabled = false }) => {
+    return (_jsxs("div", { className: cn(`flex flex-row justify-between items-center bg-background-secondary w-full p-4 ${!disabled && 'cursor-pointer hover:opacity-80'}`, shape === 'rounded' ? 'rounded-lg' : 'rounded-none'), style: { height: '52px', ...(disabled ? { opacity: 0.6 } : {}), ...style }, onClick: !disabled ? onClick : undefined, children: [_jsx("div", { className: "flex flex-row gap-2 items-center w-full", children: children }), (rightChildren || type === 'chevron') && (_jsxs("div", { className: "flex flex-row gap-1 items-center", children: [rightChildren, type === 'chevron' && _jsx(ChevronRightIcon, { color: "white", size: "md" })] }))] }));
+};
+//# sourceMappingURL=ListCardNav.js.map

package/dist/esm/components/ListCard/ListCardNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNav.js","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardNav.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,QAAQ,GAAG,KAAK,EASjB,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iFAAiF,CAAC,QAAQ,IAAI,iCAAiC,EAAE,EACjI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CACpD,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EAC1E,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAExC,cAAK,SAAS,EAAC,yCAAyC,YAAE,QAAQ,GAAO,EAExE,CAAC,aAAa,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,CACxC,eAAK,SAAS,EAAC,kCAAkC,aAC9C,aAAa,EACb,IAAI,KAAK,SAAS,IAAI,KAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,IAC/D,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCard/ListCardSelect.d.ts

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

package/dist/esm/components/ListCard/ListCardSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardSelect.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,GAAI,gFAS5B;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,OAAO,GAAG,QAAQ,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,4CAoBA,CAAA"}

package/dist/esm/components/ListCard/ListCardSelect.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@0xsequence/design-system';
+import { RadioSelector } from './RadioSelector';
+export const ListCardSelect = ({ children, rightChildren, shape = 'rounded', style, type = 'radio', isSelected = false, disabled = false, onClick }) => {
+    return (_jsxs("div", { className: cn('flex flex-row justify-between items-center gap-2 p-4 bg-background-secondary w-full', !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: [_jsx("div", { className: "flex flex-row items-center gap-2", children: children }), _jsxs("div", { className: "flex flex-row gap-3 items-center", children: [rightChildren, type === 'radio' && _jsx(RadioSelector, { isSelected: isSelected })] })] }));
+};
+//# sourceMappingURL=ListCardSelect.js.map

package/dist/esm/components/ListCard/ListCardSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardSelect.js","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,IAAI,GAAG,OAAO,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EAUR,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,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,cAAK,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAO,EAElE,eAAK,SAAS,EAAC,kCAAkC,aAC9C,aAAa,EACb,IAAI,KAAK,OAAO,IAAI,KAAC,aAAa,IAAC,UAAU,EAAE,UAAU,GAAI,IAC1D,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCard/RadioSelector.d.ts

@@ -0,0 +1,7 @@
+interface RadioSelectorProps {
+    isSelected: boolean;
+    className?: string;
+}
+export declare const RadioSelector: (props: RadioSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RadioSelector.d.ts.map

package/dist/esm/components/ListCard/RadioSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/RadioSelector.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAmBtD,CAAA"}

package/dist/esm/components/ListCard/RadioSelector.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckmarkIcon } from '@0xsequence/design-system';
+import { motion } from 'motion/react';
+export const RadioSelector = (props) => {
+    const { isSelected, className } = props;
+    return (_jsx("div", { className: `${className} border-2 border-border-normal bg-background-muted rounded-full relative shrink-0 w-9 h-9`, children: _jsx(motion.div
+        // TODO: change color to violet-600
+        , { 
+            // TODO: change color to violet-600
+            className: "flex bg-background-inverse absolute items-center justify-center rounded-full text-inverse w-9 h-9", initial: { opacity: isSelected ? 1 : 0, scale: isSelected ? 1 : 0.5 }, animate: { opacity: isSelected ? 1 : 0, scale: isSelected ? 1 : 0.5 }, transition: { ease: 'backOut' }, style: {
+                top: '-2px',
+                left: '-2px'
+            }, children: _jsx(CheckmarkIcon, {}) }) }));
+};
+//# sourceMappingURL=RadioSelector.js.map

package/dist/esm/components/ListCard/RadioSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioSelector.js","sourceRoot":"","sources":["../../../../src/components/ListCard/RadioSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAOrC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IACvC,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,SAAS,2FAA2F,YACrH,KAAC,MAAM,CAAC,GAAG;QACT,mCAAmC;;YAAnC,mCAAmC;YACnC,SAAS,EAAC,mGAAmG,EAC7G,OAAO,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EACrE,OAAO,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EACrE,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAC/B,KAAK,EAAE;gBACL,GAAG,EAAE,MAAM;gBACX,IAAI,EAAE,MAAM;aACb,YAED,KAAC,aAAa,KAAG,GACN,GACT,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCard/index.d.ts

@@ -0,0 +1,3 @@
+export { ListCardNav } from './ListCardNav';
+export { ListCardSelect } from './ListCardSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ListCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/esm/components/ListCard/index.js

@@ -0,0 +1,3 @@
+export { ListCardNav } from './ListCardNav';
+export { ListCardSelect } from './ListCardSelect';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ListCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/esm/components/ListCardTable/ListCardNavTable.d.ts

@@ -0,0 +1,6 @@
+export declare const ListCardNavTable: ({ children, navItems, style }: {
+    children: React.ReactNode;
+    navItems: React.ReactNode[];
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListCardNavTable.d.ts.map