@0xsequence/wallet-widget 5.1.1 → 5.2.1

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,21 +16,24 @@ 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 [isFetching, setIsFetching] = useState(false);
     const bottomRef = useRef(null);
     const isBottom = useIntersectionObserver(bottomRef);
     useEffect(() => {
-        if (isBottom && hasMore && !isLoading) {
+        setPageNumber(0);
+    }, [resetTrigger]);
+    useEffect(() => {
+        if (isBottom && hasMore && !isFetching) {
             handleLoad();
         }
     }, [isBottom]);
     const handleLoad = async () => {
-        setLoading(true);
+        setIsFetching(true);
         await onLoad(pageNumber);
         setPageNumber(pageNumber => pageNumber + 1);
-        setLoading(false);
+        setIsFetching(false);
     };
     return (_jsxs(_Fragment, { children: [children, _jsx("div", { ref: bottomRef })] }));
 };

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,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,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,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,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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNavTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardNavTable.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,+BAI9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,4CAiBA,CAAA"}

package/dist/esm/components/ListCardTable/ListCardNavTable.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Divider } from '@0xsequence/design-system';
+export const ListCardNavTable = ({ children, navItems, style }) => {
+    return (_jsxs("div", { className: "flex flex-col mt-4 w-full overflow-hidden", style: { borderRadius: '8px', ...style }, children: [_jsx(Card, { className: "flex flex-row justify-between items-center rounded-none bg-background-raised ", style: { height: '52px', paddingRight: '12px' }, children: children }), navItems.map((navItem, index) => (_jsxs("div", { children: [_jsx(Divider, { className: "m-0" }), navItem] }, index)))] }));
+};
+//# sourceMappingURL=ListCardNavTable.js.map

package/dist/esm/components/ListCardTable/ListCardNavTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNavTable.js","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardNavTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,KAAK,EAKN,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,aACjG,KAAC,IAAI,IACH,SAAS,EAAC,+EAA+E,EACzF,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,YAE9C,QAAQ,GACJ,EACN,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,0BACE,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,GAAG,EAC1B,OAAO,KAFA,KAAK,CAGT,CACP,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ListCardSelectTable.d.ts.map

package/dist/esm/components/ListCardTable/ListCardSelectTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardSelectTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardSelectTable.tsx"],"names":[],"mappings":""}

package/dist/esm/components/ListCardTable/ListCardSelectTable.js

@@ -0,0 +1,3 @@
+export {};
+// TODO: Implement ListCardSelectTable
+//# sourceMappingURL=ListCardSelectTable.js.map

package/dist/esm/components/ListCardTable/ListCardSelectTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardSelectTable.js","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardSelectTable.tsx"],"names":[],"mappings":";AAAA,sCAAsC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export { ListCardNavTable } from './ListCardNavTable';
+// export { ListCardSelectTable } from './ListCardSelectTable'
+// TODO: uncomment this when ListCardSelectTable is implemented
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ListCardTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,8DAA8D;AAC9D,+DAA+D"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,gCAAgC,qBAAqB,4CA+CrF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,gCAAgC,qBAAqB,4CA8CrF,CAAA"}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconButton, ChevronLeftIcon, Text, ModalPrimitive } from '@0xsequence/design-system';
 import { HEADER_HEIGHT } from '../../constants';
 import { useNavigationContext } from '../../contexts/Navigation';
-import { useNavigation } from '../../hooks/useNavigation';
+import { useNavigation } from '../../hooks';
 export const NavigationHeader = ({ secondaryText, primaryText }) => {
     const { goBack, history } = useNavigation();
     const { isBackButtonEnabled } = useNavigationContext();
@@ -12,11 +12,10 @@ export const NavigationHeader = ({ secondaryText, primaryText }) => {
         }
         goBack();
     };
-    return (_jsxs("div", { className: "flex bg-background-primary z-20 fixed w-full flex-row items-center justify-between px-4", style: {
-            height: HEADER_HEIGHT,
-            paddingTop: '6px'
-        }, children: [history.length > 0 ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs", disabled: !isBackButtonEnabled, style: { opacity: isBackButtonEnabled ? 1 : 0.5 } })) : (_jsx("div", {})), _jsxs("div", { children: [_jsx(Text, { fontWeight: "medium", variant: "small", color: "muted", children: secondaryText }), _jsx(ModalPrimitive.Title, { asChild: true, children: _jsx(Text, { fontWeight: "medium", variant: "small", color: "primary", children: primaryText }) })] }), _jsx("div", { style: {
-                    width: '44px'
+    return (_jsxs("div", { className: "flex flex-row justify-between items-center fixed bg-background-primary w-full p-4 z-20", style: {
+            height: HEADER_HEIGHT
+        }, children: [history.length > 0 ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs", disabled: !isBackButtonEnabled, style: { opacity: isBackButtonEnabled ? 1 : 0.5 } })) : (_jsx("div", {})), _jsxs("div", { children: [_jsx(Text, { fontWeight: "medium", variant: "small", color: "muted", children: secondaryText }), _jsx(ModalPrimitive.Title, { asChild: true, children: _jsx(Text, { variant: "medium", color: "primary", children: primaryText }) })] }), _jsx("div", { style: {
+                    width: '28px'
                 } })] }));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE7F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAOzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QACD,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,yFAAyF,EACnG,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,KAAK;SAClB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GACjD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EACD,0BACE,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,KAAC,cAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YACtD,WAAW,GACP,GACc,IACnB,EACN,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE7F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAO3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QACD,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,wFAAwF,EAClG,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;SACtB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GACjD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EACD,0BACE,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,KAAC,cAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,WAAW,GACP,GACc,IACnB,EACN,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+export declare const OptionsFooter: ({ primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, shape }: {
+    primaryButtonText: string;
+    onPrimaryButtonClick: () => void;
+    secondaryButtonText?: string;
+    onSecondaryButtonClick?: () => void;
+    shape?: "round" | "square";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OptionsFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsFooter.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsFooter.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,iGAM3B;IACD,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC3B,4CAiCA,CAAA"}

package/dist/esm/components/OptionsFooter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cardVariants, cn, Text } from '@0xsequence/design-system';
+export const OptionsFooter = ({ primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, shape = 'round' }) => {
+    return (_jsxs("div", { className: "flex flex-row justify-between items-center p-4 gap-2 w-full", style: { position: 'absolute', bottom: 0, left: 0 }, children: [secondaryButtonText && (_jsx("div", { className: cn(cardVariants({ clickable: true }), `flex justify-center items-center bg-button-glass ${shape === 'square' ? 'rounded-lg' : 'rounded-full'} h-11`), onClick: onSecondaryButtonClick, children: _jsx(Text, { className: "text-primary", variant: "normal", fontWeight: "bold", children: secondaryButtonText }) })), _jsx("div", { className: cn(cardVariants({ clickable: true }), `flex justify-center items-center bg-gradient-primary ${shape === 'square' ? 'rounded-lg' : 'rounded-full'} h-11`), onClick: onPrimaryButtonClick, children: _jsx(Text, { className: "text-primary", variant: "normal", fontWeight: "bold", children: primaryButtonText }) })] }));
+};
+//# sourceMappingURL=OptionsFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsFooter.js","sourceRoot":"","sources":["../../../src/components/OptionsFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAElE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,GAAG,OAAO,EAOhB,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aAElD,mBAAmB,IAAI,CACtB,cACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACjC,oDAAoD,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,OAAO,CAC9G,EACD,OAAO,EAAE,sBAAsB,YAE/B,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YAC9D,mBAAmB,GACf,GACH,CACP,EAED,cACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACjC,wDAAwD,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,OAAO,CAClH,EACD,OAAO,EAAE,oBAAoB,YAE7B,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YAC9D,iBAAiB,GACb,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.d.ts

@@ -0,0 +1,8 @@
+import { TokenBalanceWithPrice } from '../../../utils';
+interface CollectibleTileProps {
+    balance: TokenBalanceWithPrice;
+    onTokenClick: (token: TokenBalanceWithPrice) => void;
+}
+export declare const CollectibleTile: ({ balance, onTokenClick }: CollectibleTileProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollectibleTile.d.ts.map

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAMtD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,qBAAqB,CAAA;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACrD;AAED,eAAO,MAAM,eAAe,GAAI,2BAA2B,oBAAoB,4CA4B9E,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NetworkImage } from '@0xsequence/design-system';
+import { useGetTokenMetadata } from '@0xsequence/hooks';
+import { CollectibleTileImage } from '../../CollectibleTileImage';
+const NETWORK_IMAGE_SIZE = '15%';
+const NETWORK_IMAGE_OFFSET = '2%';
+export const CollectibleTile = ({ balance, onTokenClick }) => {
+    const onClick = () => {
+        onTokenClick(balance);
+    };
+    const { data: tokenMetadata } = useGetTokenMetadata({
+        chainID: String(balance.chainId),
+        contractAddress: balance.contractAddress,
+        tokenIDs: [balance.tokenID || '']
+    });
+    const imageUrl = tokenMetadata?.[0]?.image;
+    return (_jsxs("div", { className: "select-none cursor-pointer aspect-square relative", onClick: onClick, children: [_jsx(CollectibleTileImage, { imageUrl: imageUrl }), _jsx(NetworkImage, { chainId: balance.chainId, className: `absolute z-1`, style: {
+                    width: NETWORK_IMAGE_SIZE,
+                    height: NETWORK_IMAGE_SIZE,
+                    right: NETWORK_IMAGE_OFFSET,
+                    bottom: NETWORK_IMAGE_OFFSET
+                } })] }));
+};
+//# sourceMappingURL=CollectibleTile.js.map

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleTile.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEjE,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAChC,MAAM,oBAAoB,GAAG,IAAI,CAAA;AAOjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAwB,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC;QAClD,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;QAChC,eAAe,EAAE,OAAO,CAAC,eAAe;QACxC,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;KAClC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,mDAAmD,EAAC,OAAO,EAAE,OAAO,aACjF,KAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAC5C,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;oBACL,KAAK,EAAE,kBAAkB;oBACzB,MAAM,EAAE,kBAAkB;oBAC1B,KAAK,EAAE,oBAAoB;oBAC3B,MAAM,EAAE,oBAAoB;iBAC7B,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TokenBalanceWithPrice } from '../../../utils';
+interface CollectiblesTabProps {
+    displayedCollectibleBalances: TokenBalanceWithPrice[] | undefined;
+    fetchMoreCollectibleBalances: () => Promise<any>;
+    hasMoreCollectibleBalances: boolean;
+    isFetchingMoreCollectibleBalances: boolean;
+    isFetchingInitialBalances: boolean;
+    onTokenClick: (token: TokenBalanceWithPrice) => void;
+    gridColumns?: number;
+}
+export declare const CollectiblesTab: React.FC<CollectiblesTabProps>;
+export {};
+//# sourceMappingURL=CollectiblesTab.d.ts.map

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAKtD,UAAU,oBAAoB;IAC5B,4BAA4B,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAA;IACjE,4BAA4B,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAChD,0BAA0B,EAAE,OAAO,CAAA;IACnC,iCAAiC,EAAE,OAAO,CAAA;IAC1C,yBAAyB,EAAE,OAAO,CAAA;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsC1D,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner, Skeleton, Text } from '@0xsequence/design-system';
+import { InfiniteScroll } from '../../InfiniteScroll';
+import { CollectibleTile } from './CollectibleTile';
+export const CollectiblesTab = ({ displayedCollectibleBalances, fetchMoreCollectibleBalances, hasMoreCollectibleBalances, isFetchingMoreCollectibleBalances, isFetchingInitialBalances, onTokenClick, gridColumns }) => {
+    return (_jsxs("div", { children: [_jsx("div", { className: "grid gap-2", style: { gridTemplateColumns: `repeat(${gridColumns}, 1fr)`, width: '100%' }, children: isFetchingInitialBalances ? (_jsx(_Fragment, { children: Array(6)
+                        .fill(null)
+                        .map((_, i) => (_jsx(Skeleton, { className: "w-full", style: { height: '180px' } }, i))) })) : (_jsx(_Fragment, { children: displayedCollectibleBalances && displayedCollectibleBalances.length > 0 && (_jsx(InfiniteScroll, { onLoad: () => fetchMoreCollectibleBalances(), hasMore: hasMoreCollectibleBalances, children: displayedCollectibleBalances?.map((balance, index) => {
+                            return _jsx(CollectibleTile, { balance: balance, onTokenClick: onTokenClick }, index);
+                        }) })) })) }), (!displayedCollectibleBalances || displayedCollectibleBalances.length === 0) && !isFetchingMoreCollectibleBalances && (_jsx(Text, { color: "primary", children: "No Collectibles Found" })), isFetchingMoreCollectibleBalances && _jsx(Spinner, { className: "flex justify-self-center mt-3" })] }));
+};
+//# sourceMappingURL=CollectiblesTab.js.map

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesTab.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAInE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAYnD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,4BAA4B,EAC5B,4BAA4B,EAC5B,0BAA0B,EAC1B,iCAAiC,EACjC,yBAAyB,EACzB,YAAY,EACZ,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,WAAW,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,YACrG,yBAAyB,CAAC,CAAC,CAAC,CAC3B,4BACG,KAAK,CAAC,CAAC,CAAC;yBACN,IAAI,CAAC,IAAI,CAAC;yBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAA7B,CAAC,CAAgC,CACpE,CAAC,GACH,CACJ,CAAC,CAAC,CAAC,CACF,4BACG,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1E,KAAC,cAAc,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,4BAA4B,EAAE,EAAE,OAAO,EAAE,0BAA0B,YAC9F,4BAA4B,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;4BACpD,OAAO,KAAC,eAAe,IAAa,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAnD,KAAK,CAAkD,CAAA;wBACtF,CAAC,CAAC,GACa,CAClB,GACA,CACJ,GACG,EACL,CAAC,CAAC,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,iCAAiC,IAAI,CACrH,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,sCAA6B,CACnD,EACA,iCAAiC,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACvF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList.d.ts

@@ -0,0 +1,10 @@
+import { TokenBalance } from '@0xsequence/indexer';
+import { TokenBalanceWithPrice } from '../../utils';
+export declare const CollectiblesList: ({ tokenBalancesData, isLoadingFirstPage, onTokenClick, enableFilters, gridColumns }: {
+    tokenBalancesData: TokenBalance[];
+    isLoadingFirstPage: boolean;
+    onTokenClick: (token: TokenBalanceWithPrice) => void;
+    enableFilters?: boolean;
+    gridColumns?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollectiblesList.d.ts.map

package/dist/esm/components/SearchLists/CollectiblesList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesList.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchLists/CollectiblesList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAKlD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAKnD,eAAO,MAAM,gBAAgB,GAAI,qFAM9B;IACD,iBAAiB,EAAE,YAAY,EAAE,CAAA;IACjC,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,4CA6FA,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon, TextInput } from '@0xsequence/design-system';
+import Fuse from 'fuse.js';
+import { useState, useMemo } from 'react';
+import { useGetMoreBalances } from '../../hooks';
+import { FilterButton } from '../Filter/FilterButton';
+import { CollectiblesTab } from './CollectiblesList/CollectiblesTab';
+export const CollectiblesList = ({ tokenBalancesData, isLoadingFirstPage, onTokenClick, enableFilters = true, gridColumns = 2 }) => {
+    const pageSize = 8;
+    const [search, setSearch] = useState('');
+    const collectibleBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC721' || b.contractType === 'ERC1155') || [];
+    const collectibleBalances = collectibleBalancesUnordered.sort((a, b) => {
+        return Number(b.balance) - Number(a.balance);
+    });
+    const collectibleBalancesWithPrice = collectibleBalances.map(balance => ({
+        ...balance,
+        price: {
+            value: 0,
+            currency: 'USD'
+        }
+    }));
+    const fuseOptions = {
+        threshold: 0.1,
+        ignoreLocation: true,
+        keys: [
+            {
+                name: 'name',
+                getFn: (token) => {
+                    return token.tokenMetadata?.name || '';
+                }
+            },
+            {
+                name: 'collectionName',
+                getFn: (token) => {
+                    return token.contractInfo?.name || '';
+                }
+            }
+        ]
+    };
+    const fuse = useMemo(() => {
+        return new Fuse(collectibleBalancesWithPrice, fuseOptions);
+    }, [collectibleBalancesWithPrice]);
+    const searchResults = useMemo(() => {
+        if (!search.trimStart()) {
+            return [];
+        }
+        return fuse.search(search).map(result => result.item);
+    }, [search, fuse]);
+    const { data: infiniteBalances, fetchNextPage: fetchMoreBalances, hasNextPage: hasMoreBalances, isFetching: isFetchingMoreBalances } = useGetMoreBalances(collectibleBalancesWithPrice, pageSize, { enabled: search.trim() === '' });
+    const { data: infiniteSearchBalances, fetchNextPage: fetchMoreSearchBalances, hasNextPage: hasMoreSearchBalances, isFetching: isFetchingMoreSearchBalances } = useGetMoreBalances(searchResults, pageSize, { enabled: search.trim() !== '' });
+    return (_jsxs("div", { className: "flex flex-col gap-4 items-center justify-center", children: [_jsxs("div", { className: "flex flex-row justify-between items-center w-full gap-2", children: [_jsx("div", { className: "grow", children: _jsx(TextInput, { autoFocus: true, name: "search wallet", leftIcon: SearchIcon, value: search, onChange: ev => setSearch(ev.target.value), placeholder: "Search your wallet", "data-1p-ignore": true }) }), enableFilters && _jsx(FilterButton, { label: "Collectible Filters", type: "collectibles" })] }), _jsx("div", { className: "w-full", children: _jsx(CollectiblesTab, { displayedCollectibleBalances: search ? infiniteSearchBalances?.pages.flat() : infiniteBalances?.pages.flat(), fetchMoreCollectibleBalances: search ? fetchMoreSearchBalances : fetchMoreBalances, hasMoreCollectibleBalances: search ? hasMoreSearchBalances : hasMoreBalances, isFetchingMoreCollectibleBalances: search ? isFetchingMoreSearchBalances : isFetchingMoreBalances, isFetchingInitialBalances: isLoadingFirstPage, onTokenClick: onTokenClick, gridColumns: gridColumns }) })] }));
+};
+//# sourceMappingURL=CollectiblesList.js.map