@rainlanguage/ui-components 0.0.1-alpha.10

package/dist/__mocks__/queries.d.ts

@@ -0,0 +1,13 @@
+export declare const createResolvableMockQuery: <T>(queryFn: (() => T) | ((pageParam: number) => T)) => {
+    queryFn: (pageParam?: number) => Promise<T>;
+    resolve: () => void;
+};
+export declare const createResolvableInfiniteQuery: (_queryFn: (pageParam: number) => unknown, getNextPageParam?: (_lastPage: unknown, _allPages: unknown[], lastPageParam: number) => number | undefined) => {
+    query: import("@tanstack/svelte-query").CreateInfiniteQueryResult<import("@tanstack/svelte-query").InfiniteData<unknown, unknown>, Error>;
+    resolve: () => void;
+    refetch: import("vitest").Mock<(...args: any[]) => any>;
+};
+export declare const createResolvableQuery: <T>(_queryFn: () => T) => {
+    query: import("@tanstack/svelte-query").CreateQueryResult<T, Error>;
+    resolve: () => void;
+};

package/dist/__mocks__/queries.js

@@ -0,0 +1,64 @@
+import { QueryClient, createInfiniteQuery, createQuery } from '@tanstack/svelte-query';
+// A helper function to create a resolvable mock query.
+// This gives us more control over when each query resolves.
+export const createResolvableMockQuery = (queryFn) => {
+    const resolveQueue = [];
+    let currentPromise;
+    const createNewPromise = () => {
+        currentPromise = new Promise((res) => {
+            resolveQueue.push(res);
+        });
+    };
+    createNewPromise(); // Initialize the first promise
+    const resolvableQuery = async (pageParam) => {
+        const mockData = queryFn(pageParam);
+        await currentPromise;
+        createNewPromise(); // Create a new promise for the next call
+        return mockData;
+    };
+    const resolve = () => {
+        const resolver = resolveQueue.shift();
+        if (resolver) {
+            resolver();
+        }
+    };
+    return { queryFn: resolvableQuery, resolve };
+};
+// A helper function to create an infinite Tanstack query that resolves when you call
+// the `resolve` function.
+export const createResolvableInfiniteQuery = (_queryFn, getNextPageParam = (_lastPage, _allPages, lastPageParam) => lastPageParam + 1) => {
+    const { queryFn, resolve } = createResolvableMockQuery(_queryFn);
+    const refetch = vi.fn();
+    const query = createInfiniteQuery({
+        queryKey: [],
+        queryFn: ({ pageParam }) => {
+            return queryFn(pageParam);
+        },
+        initialPageParam: 0,
+        getNextPageParam
+    }, new QueryClient({
+        defaultOptions: {
+            queries: {
+                staleTime: Infinity
+            }
+        }
+    }));
+    return { query, resolve, refetch };
+};
+// A helper function to create a regular Tanstack query that resolves when you call resolve
+export const createResolvableQuery = (_queryFn) => {
+    const { queryFn, resolve } = createResolvableMockQuery(_queryFn);
+    const query = createQuery({
+        queryKey: [],
+        queryFn: () => {
+            return queryFn();
+        }
+    }, new QueryClient({
+        defaultOptions: {
+            queries: {
+                staleTime: Infinity
+            }
+        }
+    }));
+    return { query, resolve };
+};

package/dist/__mocks__/settings.d.ts

@@ -0,0 +1,3 @@
+import type { ConfigSource } from '@rainlanguage/orderbook/js_api';
+export declare const mockConfigSource: ConfigSource;
+export declare const mockSettingsStore: import("svelte/store").Writable<ConfigSource>;

package/dist/__mocks__/settings.js

@@ -0,0 +1,37 @@
+import { writable } from 'svelte/store';
+export const mockConfigSource = {
+    networks: {
+        mainnet: {
+            rpc: 'https://mainnet.infura.io/v3/YOUR-PROJECT-ID',
+            'chain-id': 1,
+            label: 'Ethereum Mainnet',
+            currency: 'ETH'
+        }
+    },
+    subgraphs: {
+        mainnet: 'https://api.thegraph.com/subgraphs/name/mainnet'
+    },
+    orderbooks: {
+        orderbook1: {
+            address: '0xOrderbookAddress1',
+            network: 'mainnet',
+            subgraph: 'uniswap',
+            label: 'Orderbook 1'
+        }
+    },
+    deployers: {
+        deployer1: {
+            address: '0xDeployerAddress1',
+            network: 'mainnet',
+            label: 'Deployer 1'
+        }
+    },
+    metaboards: {
+        metaboard1: 'https://example.com/metaboard1'
+    },
+    accounts: {
+        name_one: 'address_one',
+        name_two: 'address_two'
+    }
+};
+export const mockSettingsStore = writable(mockConfigSource);

package/dist/__mocks__/stores.d.ts

@@ -0,0 +1,94 @@
+import type { ConfigSource } from '@rainlanguage/orderbook/js_api';
+import { type Config } from '@wagmi/core';
+import type { Page } from '@sveltejs/kit';
+export declare const mockWalletAddressMatchesOrBlankStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<() => boolean>, invalidate?: import("svelte/store").Invalidator<() => boolean> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: () => boolean) => void;
+    mockSetSubscribeValue: (value: () => boolean) => void;
+};
+export declare const mockSettingsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<ConfigSource | undefined>, invalidate?: import("svelte/store").Invalidator<ConfigSource | undefined> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: ConfigSource | undefined) => void;
+    mockSetSubscribeValue: (value: ConfigSource | undefined) => void;
+};
+export declare const mockActiveSubgraphsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: Record<string, string>) => void;
+    mockSetSubscribeValue: (value: Record<string, string>) => void;
+};
+export declare const mockAccountsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
+};
+export declare const mockActiveAccountsItemsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: Record<string, string>) => void;
+    mockSetSubscribeValue: (value: Record<string, string>) => void;
+};
+export declare const mockActiveOrderStatusStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<boolean | undefined>, invalidate?: import("svelte/store").Invalidator<boolean | undefined> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: boolean | undefined) => void;
+    mockSetSubscribeValue: (value: boolean | undefined) => void;
+};
+export declare const mockOrderHashStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: string) => void;
+    mockSetSubscribeValue: (value: string) => void;
+};
+export declare const mockHideZeroBalanceVaultsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: boolean) => void;
+    mockSetSubscribeValue: (value: boolean) => void;
+};
+export declare const mockActiveNetworkRefStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: string) => void;
+    mockSetSubscribeValue: (value: string) => void;
+};
+export declare const mockActiveOrderbookRefStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: string) => void;
+    mockSetSubscribeValue: (value: string) => void;
+};
+export declare const mockActiveAccountsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: Record<string, string>) => void;
+    mockSetSubscribeValue: (value: Record<string, string>) => void;
+};
+export declare const mockSubgraphUrlStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: string) => void;
+    mockSetSubscribeValue: (value: string) => void;
+};
+export declare const mockSignerAddressStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: string) => void;
+    mockSetSubscribeValue: (value: string) => void;
+    update: (this: void, updater: import("svelte/store").Updater<string>) => void;
+};
+export declare const mockChainIdStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<number>, invalidate?: import("svelte/store").Invalidator<number> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: number) => void;
+    mockSetSubscribeValue: (value: number) => void;
+};
+export declare const mockConnectedStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: boolean) => void;
+    update: (this: void, updater: import("svelte/store").Updater<boolean>) => void;
+    mockSetSubscribeValue: (value: boolean) => void;
+};
+export declare const mockWagmiConfigStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Config>, invalidate?: import("svelte/store").Invalidator<Config> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: Config) => void;
+    update: (this: void, updater: import("svelte/store").Updater<Config>) => void;
+    mockSetSubscribeValue: (value: Config) => void;
+};
+export declare const mockShowMyItemsOnlyStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: boolean) => void;
+    mockSetSubscribeValue: (value: boolean) => void;
+};
+export declare const mockPageStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Page<Record<string, string>, string | null>>, invalidate?: import("svelte/store").Invalidator<Page<Record<string, string>, string | null>> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: Page<Record<string, string>, string | null>) => void;
+    mockSetSubscribeValue: (value: Page) => void;
+};

package/dist/__mocks__/stores.js

@@ -0,0 +1,113 @@
+import { writable } from 'svelte/store';
+import settingsFixture from '../__fixtures__/settings-12-11-24.json';
+import {} from '@wagmi/core';
+import { mockWeb3Config } from './mockWeb3Config';
+const mockSettingsWritable = writable(settingsFixture);
+const mockActiveSubgraphsWritable = writable({});
+const mockAccountsWritable = writable({});
+const mockActiveAccountsItemsWritable = writable({});
+const mockActiveOrderStatusWritable = writable(undefined);
+const mockOrderHashWritable = writable('');
+const mockHideZeroBalanceVaultsWritable = writable(false);
+const mockActiveNetworkRefWritable = writable('');
+const mockActiveOrderbookRefWritable = writable('');
+const mockActiveAccountsWritable = writable({});
+const mockSubgraphUrlWritable = writable('');
+const mockWalletAddressMatchesOrBlankWritable = writable(() => false);
+const mockSignerAddressWritable = writable('');
+const mockChainIdWritable = writable(0);
+const mockConnectedWritable = writable(false);
+const mockWagmiConfigWritable = writable(mockWeb3Config);
+const mockShowMyItemsOnlyWritable = writable(false);
+const mockPageWritable = writable();
+export const mockWalletAddressMatchesOrBlankStore = {
+    subscribe: mockWalletAddressMatchesOrBlankWritable.subscribe,
+    set: mockWalletAddressMatchesOrBlankWritable.set,
+    mockSetSubscribeValue: (value) => mockWalletAddressMatchesOrBlankWritable.set(value)
+};
+export const mockSettingsStore = {
+    subscribe: mockSettingsWritable.subscribe,
+    set: mockSettingsWritable.set,
+    mockSetSubscribeValue: (value) => mockSettingsWritable.set(value)
+};
+export const mockActiveSubgraphsStore = {
+    subscribe: mockActiveSubgraphsWritable.subscribe,
+    set: mockActiveSubgraphsWritable.set,
+    mockSetSubscribeValue: (value) => mockActiveSubgraphsWritable.set(value)
+};
+export const mockAccountsStore = {
+    subscribe: mockAccountsWritable.subscribe
+};
+export const mockActiveAccountsItemsStore = {
+    subscribe: mockActiveAccountsItemsWritable.subscribe,
+    set: mockActiveAccountsItemsWritable.set,
+    mockSetSubscribeValue: (value) => mockActiveAccountsItemsWritable.set(value)
+};
+export const mockActiveOrderStatusStore = {
+    subscribe: mockActiveOrderStatusWritable.subscribe,
+    set: mockActiveOrderStatusWritable.set,
+    mockSetSubscribeValue: (value) => mockActiveOrderStatusWritable.set(value)
+};
+export const mockOrderHashStore = {
+    subscribe: mockOrderHashWritable.subscribe,
+    set: mockOrderHashWritable.set,
+    mockSetSubscribeValue: (value) => mockOrderHashWritable.set(value)
+};
+export const mockHideZeroBalanceVaultsStore = {
+    subscribe: mockHideZeroBalanceVaultsWritable.subscribe,
+    set: mockHideZeroBalanceVaultsWritable.set,
+    mockSetSubscribeValue: (value) => mockHideZeroBalanceVaultsWritable.set(value)
+};
+export const mockActiveNetworkRefStore = {
+    subscribe: mockActiveNetworkRefWritable.subscribe,
+    set: mockActiveNetworkRefWritable.set,
+    mockSetSubscribeValue: (value) => mockActiveNetworkRefWritable.set(value)
+};
+export const mockActiveOrderbookRefStore = {
+    subscribe: mockActiveOrderbookRefWritable.subscribe,
+    set: mockActiveOrderbookRefWritable.set,
+    mockSetSubscribeValue: (value) => mockActiveOrderbookRefWritable.set(value)
+};
+export const mockActiveAccountsStore = {
+    subscribe: mockActiveAccountsWritable.subscribe,
+    set: mockActiveAccountsWritable.set,
+    mockSetSubscribeValue: (value) => mockActiveAccountsWritable.set(value)
+};
+export const mockSubgraphUrlStore = {
+    subscribe: mockSubgraphUrlWritable.subscribe,
+    set: mockSubgraphUrlWritable.set,
+    mockSetSubscribeValue: (value) => mockSubgraphUrlWritable.set(value)
+};
+export const mockSignerAddressStore = {
+    subscribe: mockSignerAddressWritable.subscribe,
+    set: mockSignerAddressWritable.set,
+    mockSetSubscribeValue: (value) => mockSignerAddressWritable.set(value),
+    update: mockSignerAddressWritable.update
+};
+export const mockChainIdStore = {
+    subscribe: mockChainIdWritable.subscribe,
+    set: mockChainIdWritable.set,
+    mockSetSubscribeValue: (value) => mockChainIdWritable.set(value)
+};
+export const mockConnectedStore = {
+    subscribe: mockConnectedWritable.subscribe,
+    set: mockConnectedWritable.set,
+    update: mockConnectedWritable.update,
+    mockSetSubscribeValue: (value) => mockConnectedWritable.set(value)
+};
+export const mockWagmiConfigStore = {
+    subscribe: mockWagmiConfigWritable.subscribe,
+    set: mockWagmiConfigWritable.set,
+    update: mockWagmiConfigWritable.update,
+    mockSetSubscribeValue: (value) => mockWagmiConfigWritable.set(value)
+};
+export const mockShowMyItemsOnlyStore = {
+    subscribe: mockShowMyItemsOnlyWritable.subscribe,
+    set: mockShowMyItemsOnlyWritable.set,
+    mockSetSubscribeValue: (value) => mockShowMyItemsOnlyWritable.set(value)
+};
+export const mockPageStore = {
+    subscribe: mockPageWritable.subscribe,
+    set: mockPageWritable.set,
+    mockSetSubscribeValue: (value) => mockPageWritable.set(value)
+};

package/dist/app.css

@@ -0,0 +1,3 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';

package/dist/assets/ledger.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 768.91 669.35" style="enable-background:new 0 0 768.91 669.35;" xml:space="preserve">
+<path d="M0,479.29v190.06h289.22V627.2H42.14V479.29H0z M726.77,479.29V627.2H479.69v42.14h289.22V479.29H726.77z M289.64,190.06
+	v289.22h190.05v-38.01H331.78V190.06H289.64z M0,0v190.06h42.14V42.14h247.08V0H0z M479.69,0v42.14h247.08v147.92h42.14V0H479.69z"
+	/>
+</svg>

package/dist/assets/logo-dark.svg

@@ -0,0 +1,15 @@
+<svg width="577" height="139" viewBox="0 0 577 139" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M514.246 38.408H531.526L575.942 101H558.79L514.246 38.408ZM557.382 38.408H574.406L529.99 101H512.966L557.382 38.408Z" fill="white"/>
+<path d="M485.035 102.28C479.062 102.28 473.558 100.829 468.523 97.9279C463.574 95.0266 459.649 91.1013 456.747 86.1519C453.931 81.1173 452.523 75.5706 452.523 69.5119C452.523 63.5386 453.931 58.0773 456.747 53.1279C459.649 48.1786 463.574 44.2959 468.523 41.4799C473.473 38.5786 478.891 37.1279 484.779 37.1279C490.326 37.1279 495.403 38.4933 500.011 41.2239C504.705 43.8693 508.417 47.5386 511.147 52.2319C513.878 56.8399 515.243 62.0026 515.243 67.7199C515.243 69.5973 515.158 71.3893 514.987 73.0959H459.947V62.7279H500.139C499.969 60.1679 499.115 57.8639 497.579 55.8159C496.129 53.6826 494.209 52.0613 491.819 50.9519C489.515 49.7573 486.998 49.1599 484.267 49.1599C480.683 49.1599 477.483 50.0133 474.667 51.7199C471.851 53.3413 469.675 55.7306 468.139 58.8879C466.603 61.9599 465.835 65.6719 465.835 70.0239C465.835 73.9493 466.646 77.4479 468.267 80.5199C469.889 83.5066 472.107 85.8533 474.923 87.5599C477.825 89.2666 481.153 90.1199 484.907 90.1199C488.918 90.1199 492.331 89.2666 495.147 87.5599C497.963 85.7679 499.713 83.3786 500.395 80.3919H514.475C513.451 87.0479 510.209 92.3813 504.747 96.3919C499.286 100.317 492.715 102.28 485.035 102.28Z" fill="white"/>
+<path d="M407.815 102.28C402.354 102.28 397.319 100.829 392.711 97.9282C388.103 95.0268 384.477 91.0588 381.831 86.0242C379.186 80.9895 377.863 75.5282 377.863 69.6402C377.863 63.7522 379.186 58.3335 381.831 53.3842C384.477 48.3495 388.103 44.3815 392.711 41.4801C397.319 38.5788 402.354 37.1282 407.815 37.1282C413.362 37.1282 418.141 38.4508 422.151 41.0961C426.247 43.7415 429.362 47.5388 431.495 52.4882C433.629 57.3521 434.695 63.0695 434.695 69.6402C434.695 76.2962 433.629 82.0988 431.495 87.0481C429.362 91.9121 426.247 95.6668 422.151 98.3121C418.141 100.957 413.362 102.28 407.815 102.28ZM410.887 88.7122C414.471 88.7122 417.714 87.9015 420.615 86.2802C423.517 84.5735 425.778 82.2695 427.399 79.3681C429.106 76.4668 429.959 73.2242 429.959 69.6402C429.959 66.0562 429.106 62.8562 427.399 60.0401C425.778 57.1388 423.517 54.8775 420.615 53.2561C417.714 51.5495 414.471 50.6962 410.887 50.6962C407.389 50.6962 404.189 51.5495 401.287 53.2561C398.386 54.9628 396.082 57.2668 394.375 60.1682C392.754 63.0695 391.943 66.2268 391.943 69.6402C391.943 73.1388 392.754 76.3388 394.375 79.2402C396.082 82.1415 398.386 84.4455 401.287 86.1522C404.189 87.8588 407.389 88.7122 410.887 88.7122ZM429.959 11.4001H444.295V101H429.959V11.4001Z" fill="white"/>
+<path d="M325.624 101H311.416V38.4079H325.624V101ZM356.216 67.0799C356.216 62.1306 354.808 58.2053 351.992 55.3039C349.261 52.3173 345.635 50.8239 341.112 50.8239C336.419 50.8239 332.664 52.3173 329.848 55.3039C327.032 58.2053 325.624 62.1306 325.624 67.0799H321.272C321.272 61.1066 322.211 55.8586 324.088 51.3359C326.051 46.7279 328.781 43.2293 332.28 40.8399C335.864 38.3653 339.96 37.1279 344.568 37.1279C349.859 37.1279 354.467 38.2799 358.392 40.5839C362.317 42.8026 365.304 46.0453 367.352 50.3119C369.485 54.5786 370.552 59.5706 370.552 65.2879V101H356.216V67.0799Z" fill="white"/>
+<path d="M299.339 38.4081V101H285.131V38.4081H299.339ZM292.299 27.6561C289.739 27.6561 287.563 26.7601 285.771 24.968C283.979 23.1761 283.083 21.0427 283.083 18.568C283.083 16.0934 283.979 13.96 285.771 12.1681C287.563 10.2907 289.739 9.35205 292.299 9.35205C294.859 9.35205 297.035 10.2907 298.827 12.1681C300.619 13.96 301.515 16.0934 301.515 18.568C301.515 21.0427 300.619 23.1761 298.827 24.968C297.035 26.7601 294.859 27.6561 292.299 27.6561Z" fill="white"/>
+<path d="M273.191 101H258.855V38.4079H273.191V101ZM236.711 102.28C231.249 102.28 226.215 100.829 221.607 97.9279C216.999 95.0266 213.372 91.0586 210.727 86.0239C208.081 80.9893 206.759 75.5279 206.759 69.6399C206.759 63.7519 208.081 58.3333 210.727 53.3839C213.372 48.3493 216.999 44.3813 221.607 41.4799C226.215 38.5786 231.249 37.1279 236.711 37.1279C242.257 37.1279 247.036 38.4506 251.047 41.0959C255.143 43.7413 258.257 47.5386 260.391 52.4879C262.524 57.3519 263.591 63.0693 263.591 69.6399C263.591 76.2959 262.524 82.0986 260.391 87.0479C258.257 91.9119 255.143 95.6666 251.047 98.3119C247.036 100.957 242.257 102.28 236.711 102.28ZM239.783 88.7119C243.367 88.7119 246.609 87.9013 249.511 86.2799C252.412 84.5733 254.673 82.2693 256.295 79.3679C258.001 76.4666 258.855 73.2239 258.855 69.6399C258.855 66.0559 258.001 62.8559 256.295 60.0399C254.673 57.1386 252.412 54.8773 249.511 53.2559C246.609 51.5493 243.367 50.6959 239.783 50.6959C236.284 50.6959 233.084 51.5493 230.183 53.2559C227.281 54.9626 224.977 57.2666 223.271 60.1679C221.649 63.0693 220.839 66.2266 220.839 69.6399C220.839 73.1386 221.649 76.3386 223.271 79.2399C224.977 82.1413 227.281 84.4453 230.183 86.1519C233.084 87.8586 236.284 88.7119 239.783 88.7119Z" fill="white"/>
+<path d="M169.936 38.4079H184.144V47.1119C185.936 44.0399 188.282 41.6079 191.184 39.8159C194.17 38.0239 197.456 37.1279 201.04 37.1279C202.832 37.1279 204.794 37.3839 206.928 37.8959V50.9519C204.453 50.3546 202.362 50.0559 200.656 50.0559C197.498 50.0559 194.682 50.7386 192.208 52.1039C189.733 53.4693 187.77 55.4746 186.32 58.1199C184.869 60.7653 184.144 63.9226 184.144 67.5919V101H169.936V38.4079Z" fill="white"/>
+<path d="M83.1001 115.265C83.1001 131.025 73.8772 138.105 62.5002 138.105C51.1231 138.105 41.9002 131.025 41.9002 115.265C41.9002 108.552 45.9116 99.031 50.4687 90.6148C56.7107 79.0871 62.5002 69.0512 62.5002 69.0512C62.5002 69.0512 68.2897 79.0871 74.5316 90.6148C79.0887 99.031 83.1001 108.552 83.1001 115.265Z" fill="#0038C9"/>
+<path d="M41.9002 22.8396C41.9002 7.07977 51.1231 1.00185e-06 62.5002 0C73.8772 -1.00185e-06 83.1001 7.07977 83.1001 22.8396C83.1001 29.5532 79.0887 39.0738 74.5316 47.49C68.2897 59.0178 62.5002 69.0537 62.5002 69.0537C62.5002 69.0537 56.7107 59.0177 50.4687 47.49C45.9116 39.0738 41.9002 29.5532 41.9002 22.8396Z" fill="#6E95F9"/>
+<path d="M33.0668 110.129C19.517 118.009 8.81865 113.503 3.13014 103.579C-2.55838 93.6544 -1.08289 82.0691 12.4668 74.1892C18.239 70.8324 28.4302 69.5713 37.9447 69.3385C50.9768 69.0197 62.5001 69.0521 62.5001 69.0521C62.5001 69.0521 56.7663 79.1205 49.9761 90.3293C45.0187 98.5127 38.8389 106.772 33.0668 110.129Z" fill="#164CD6"/>
+<path d="M91.9333 27.9759C105.483 20.096 116.181 24.6015 121.87 34.5261C127.558 44.4506 126.083 56.0359 112.533 63.9158C106.761 67.2726 96.5699 68.5337 87.0554 68.7665C74.0233 69.0853 62.5 69.0529 62.5 69.0529C62.5 69.0529 68.2337 58.9846 75.0239 47.7757C79.9813 39.5923 86.1612 31.3327 91.9333 27.9759Z" fill="#8BABFF"/>
+<path d="M12.4668 63.9145C-1.08294 56.0346 -2.55843 44.4493 3.13009 34.5247C8.8186 24.6002 19.517 20.0946 33.0667 27.9745C38.8388 31.3313 45.0187 39.5909 49.9761 47.7743C56.7663 58.9832 62.5 69.0515 62.5 69.0515C62.5 69.0515 50.9767 69.084 37.9446 68.7651C28.4301 68.5323 18.2389 67.2713 12.4668 63.9145Z" fill="#3D6BE1"/>
+<path d="M112.533 74.1892C126.083 82.0691 127.558 93.6544 121.87 103.579C116.181 113.503 105.483 118.009 91.9333 110.129C86.1612 106.772 79.9813 98.5127 75.0239 90.3293C68.2337 79.1205 62.5001 69.0521 62.5001 69.0521C62.5001 69.0521 74.0233 69.0197 87.0554 69.3385C96.5699 69.5713 106.761 70.8324 112.533 74.1892Z" fill="#AEC4FF"/>
+</svg>

package/dist/assets/logo-light.svg

@@ -0,0 +1,15 @@
+<svg width="577" height="139" viewBox="0 0 577 139" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M514.246 38.408H531.526L575.942 101H558.79L514.246 38.408ZM557.382 38.408H574.406L529.99 101H512.966L557.382 38.408Z" fill="#181818"/>
+<path d="M485.035 102.28C479.062 102.28 473.558 100.829 468.523 97.9279C463.574 95.0266 459.649 91.1013 456.747 86.1519C453.931 81.1173 452.523 75.5706 452.523 69.5119C452.523 63.5386 453.931 58.0773 456.747 53.1279C459.649 48.1786 463.574 44.2959 468.523 41.4799C473.473 38.5786 478.891 37.1279 484.779 37.1279C490.326 37.1279 495.403 38.4933 500.011 41.2239C504.705 43.8693 508.417 47.5386 511.147 52.2319C513.878 56.8399 515.243 62.0026 515.243 67.7199C515.243 69.5973 515.158 71.3893 514.987 73.0959H459.947V62.7279H500.139C499.969 60.1679 499.115 57.8639 497.579 55.8159C496.129 53.6826 494.209 52.0613 491.819 50.9519C489.515 49.7573 486.998 49.1599 484.267 49.1599C480.683 49.1599 477.483 50.0133 474.667 51.7199C471.851 53.3413 469.675 55.7306 468.139 58.8879C466.603 61.9599 465.835 65.6719 465.835 70.0239C465.835 73.9493 466.646 77.4479 468.267 80.5199C469.889 83.5066 472.107 85.8533 474.923 87.5599C477.825 89.2666 481.153 90.1199 484.907 90.1199C488.918 90.1199 492.331 89.2666 495.147 87.5599C497.963 85.7679 499.713 83.3786 500.395 80.3919H514.475C513.451 87.0479 510.209 92.3813 504.747 96.3919C499.286 100.317 492.715 102.28 485.035 102.28Z" fill="#181818"/>
+<path d="M407.815 102.28C402.354 102.28 397.319 100.829 392.711 97.9282C388.103 95.0268 384.477 91.0588 381.831 86.0242C379.186 80.9895 377.863 75.5282 377.863 69.6402C377.863 63.7522 379.186 58.3335 381.831 53.3842C384.477 48.3495 388.103 44.3815 392.711 41.4801C397.319 38.5788 402.354 37.1282 407.815 37.1282C413.362 37.1282 418.141 38.4508 422.151 41.0961C426.247 43.7415 429.362 47.5388 431.495 52.4882C433.629 57.3521 434.695 63.0695 434.695 69.6402C434.695 76.2962 433.629 82.0988 431.495 87.0481C429.362 91.9121 426.247 95.6668 422.151 98.3121C418.141 100.957 413.362 102.28 407.815 102.28ZM410.887 88.7122C414.471 88.7122 417.714 87.9015 420.615 86.2802C423.517 84.5735 425.778 82.2695 427.399 79.3681C429.106 76.4668 429.959 73.2242 429.959 69.6402C429.959 66.0562 429.106 62.8562 427.399 60.0401C425.778 57.1388 423.517 54.8775 420.615 53.2561C417.714 51.5495 414.471 50.6962 410.887 50.6962C407.389 50.6962 404.189 51.5495 401.287 53.2561C398.386 54.9628 396.082 57.2668 394.375 60.1682C392.754 63.0695 391.943 66.2268 391.943 69.6402C391.943 73.1388 392.754 76.3388 394.375 79.2402C396.082 82.1415 398.386 84.4455 401.287 86.1522C404.189 87.8588 407.389 88.7122 410.887 88.7122ZM429.959 11.4001H444.295V101H429.959V11.4001Z" fill="#181818"/>
+<path d="M325.624 101H311.416V38.4079H325.624V101ZM356.216 67.0799C356.216 62.1306 354.808 58.2053 351.992 55.3039C349.261 52.3173 345.635 50.8239 341.112 50.8239C336.419 50.8239 332.664 52.3173 329.848 55.3039C327.032 58.2053 325.624 62.1306 325.624 67.0799H321.272C321.272 61.1066 322.211 55.8586 324.088 51.3359C326.051 46.7279 328.781 43.2293 332.28 40.8399C335.864 38.3653 339.96 37.1279 344.568 37.1279C349.859 37.1279 354.467 38.2799 358.392 40.5839C362.317 42.8026 365.304 46.0453 367.352 50.3119C369.485 54.5786 370.552 59.5706 370.552 65.2879V101H356.216V67.0799Z" fill="#181818"/>
+<path d="M299.339 38.4081V101H285.131V38.4081H299.339ZM292.299 27.6561C289.739 27.6561 287.563 26.7601 285.771 24.968C283.979 23.1761 283.083 21.0427 283.083 18.568C283.083 16.0934 283.979 13.96 285.771 12.1681C287.563 10.2907 289.739 9.35205 292.299 9.35205C294.859 9.35205 297.035 10.2907 298.827 12.1681C300.619 13.96 301.515 16.0934 301.515 18.568C301.515 21.0427 300.619 23.1761 298.827 24.968C297.035 26.7601 294.859 27.6561 292.299 27.6561Z" fill="#181818"/>
+<path d="M273.191 101H258.855V38.4079H273.191V101ZM236.711 102.28C231.249 102.28 226.215 100.829 221.607 97.9279C216.999 95.0266 213.372 91.0586 210.727 86.0239C208.081 80.9893 206.759 75.5279 206.759 69.6399C206.759 63.7519 208.081 58.3333 210.727 53.3839C213.372 48.3493 216.999 44.3813 221.607 41.4799C226.215 38.5786 231.249 37.1279 236.711 37.1279C242.257 37.1279 247.036 38.4506 251.047 41.0959C255.143 43.7413 258.257 47.5386 260.391 52.4879C262.524 57.3519 263.591 63.0693 263.591 69.6399C263.591 76.2959 262.524 82.0986 260.391 87.0479C258.257 91.9119 255.143 95.6666 251.047 98.3119C247.036 100.957 242.257 102.28 236.711 102.28ZM239.783 88.7119C243.367 88.7119 246.609 87.9013 249.511 86.2799C252.412 84.5733 254.673 82.2693 256.295 79.3679C258.001 76.4666 258.855 73.2239 258.855 69.6399C258.855 66.0559 258.001 62.8559 256.295 60.0399C254.673 57.1386 252.412 54.8773 249.511 53.2559C246.609 51.5493 243.367 50.6959 239.783 50.6959C236.284 50.6959 233.084 51.5493 230.183 53.2559C227.281 54.9626 224.977 57.2666 223.271 60.1679C221.649 63.0693 220.839 66.2266 220.839 69.6399C220.839 73.1386 221.649 76.3386 223.271 79.2399C224.977 82.1413 227.281 84.4453 230.183 86.1519C233.084 87.8586 236.284 88.7119 239.783 88.7119Z" fill="#181818"/>
+<path d="M169.936 38.4079H184.144V47.1119C185.936 44.0399 188.282 41.6079 191.184 39.8159C194.17 38.0239 197.456 37.1279 201.04 37.1279C202.832 37.1279 204.794 37.3839 206.928 37.8959V50.9519C204.453 50.3546 202.362 50.0559 200.656 50.0559C197.498 50.0559 194.682 50.7386 192.208 52.1039C189.733 53.4693 187.77 55.4746 186.32 58.1199C184.869 60.7653 184.144 63.9226 184.144 67.5919V101H169.936V38.4079Z" fill="#181818"/>
+<path d="M83.1001 115.265C83.1001 131.025 73.8772 138.105 62.5002 138.105C51.1231 138.105 41.9002 131.025 41.9002 115.265C41.9002 108.552 45.9116 99.031 50.4687 90.6148C56.7107 79.0871 62.5002 69.0512 62.5002 69.0512C62.5002 69.0512 68.2897 79.0871 74.5316 90.6148C79.0887 99.031 83.1001 108.552 83.1001 115.265Z" fill="#0038C9"/>
+<path d="M41.9002 22.8396C41.9002 7.07977 51.1231 1.00185e-06 62.5002 0C73.8772 -1.00185e-06 83.1001 7.07977 83.1001 22.8396C83.1001 29.5532 79.0887 39.0738 74.5316 47.49C68.2897 59.0178 62.5002 69.0537 62.5002 69.0537C62.5002 69.0537 56.7107 59.0177 50.4687 47.49C45.9116 39.0738 41.9002 29.5532 41.9002 22.8396Z" fill="#6E95F9"/>
+<path d="M33.0668 110.129C19.517 118.009 8.81865 113.503 3.13014 103.579C-2.55838 93.6544 -1.08289 82.0691 12.4668 74.1892C18.239 70.8324 28.4302 69.5713 37.9447 69.3385C50.9768 69.0197 62.5001 69.0521 62.5001 69.0521C62.5001 69.0521 56.7663 79.1205 49.9761 90.3293C45.0187 98.5127 38.8389 106.772 33.0668 110.129Z" fill="#164CD6"/>
+<path d="M91.9333 27.9759C105.483 20.096 116.181 24.6015 121.87 34.5261C127.558 44.4506 126.083 56.0359 112.533 63.9158C106.761 67.2726 96.5699 68.5337 87.0554 68.7665C74.0233 69.0853 62.5 69.0529 62.5 69.0529C62.5 69.0529 68.2337 58.9846 75.0239 47.7757C79.9813 39.5923 86.1612 31.3327 91.9333 27.9759Z" fill="#8BABFF"/>
+<path d="M12.4668 63.9145C-1.08294 56.0346 -2.55843 44.4493 3.13009 34.5247C8.8186 24.6002 19.517 20.0946 33.0667 27.9745C38.8388 31.3313 45.0187 39.5909 49.9761 47.7743C56.7663 58.9832 62.5 69.0515 62.5 69.0515C62.5 69.0515 50.9767 69.084 37.9446 68.7651C28.4301 68.5323 18.2389 67.2713 12.4668 63.9145Z" fill="#3D6BE1"/>
+<path d="M112.533 74.1892C126.083 82.0691 127.558 93.6544 121.87 103.579C116.181 113.503 105.483 118.009 91.9333 110.129C86.1612 106.772 79.9813 98.5127 75.0239 90.3293C68.2337 79.1205 62.5001 69.0521 62.5001 69.0521C62.5001 69.0521 74.0233 69.0197 87.0554 69.3385C96.5699 69.5713 106.761 70.8324 112.533 74.1892Z" fill="#AEC4FF"/>
+</svg>

package/dist/assets/walletconnect.svg

@@ -0,0 +1 @@
+<svg fill="none" height="332" viewBox="0 0 480 332" width="480" xmlns="http://www.w3.org/2000/svg"><path d="m126.613 93.9842c62.622-61.3123 164.152-61.3123 226.775 0l7.536 7.3788c3.131 3.066 3.131 8.036 0 11.102l-25.781 25.242c-1.566 1.533-4.104 1.533-5.67 0l-10.371-10.154c-43.687-42.7734-114.517-42.7734-158.204 0l-11.107 10.874c-1.565 1.533-4.103 1.533-5.669 0l-25.781-25.242c-3.132-3.066-3.132-8.036 0-11.102zm280.093 52.2038 22.946 22.465c3.131 3.066 3.131 8.036 0 11.102l-103.463 101.301c-3.131 3.065-8.208 3.065-11.339 0l-73.432-71.896c-.783-.767-2.052-.767-2.835 0l-73.43 71.896c-3.131 3.065-8.208 3.065-11.339 0l-103.4657-101.302c-3.1311-3.066-3.1311-8.036 0-11.102l22.9456-22.466c3.1311-3.065 8.2077-3.065 11.3388 0l73.4333 71.897c.782.767 2.051.767 2.834 0l73.429-71.897c3.131-3.065 8.208-3.065 11.339 0l73.433 71.897c.783.767 2.052.767 2.835 0l73.431-71.895c3.132-3.066 8.208-3.066 11.339 0z" fill="#fff"/></svg>

package/dist/components/BadgeActive.svelte

@@ -0,0 +1,9 @@
+<script>import { Badge } from "flowbite-svelte";
+export let active;
+</script>
+
+{#if active}
+	<Badge color="green" {...$$props}>Active</Badge>
+{:else}
+	<Badge color="yellow" {...$$props}>Inactive</Badge>
+{/if}

package/dist/components/BadgeActive.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        active: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type BadgeActiveProps = typeof __propDef.props;
+export type BadgeActiveEvents = typeof __propDef.events;
+export type BadgeActiveSlots = typeof __propDef.slots;
+export default class BadgeActive extends SvelteComponent<BadgeActiveProps, BadgeActiveEvents, BadgeActiveSlots> {
+}
+export {};

package/dist/components/BlockQuote.svelte

@@ -0,0 +1 @@
+<blockquote class="p-2 py-1"><slot /></blockquote>

package/dist/components/BlockQuote.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  BlockQuoteProps */
+/** @typedef {typeof __propDef.events}  BlockQuoteEvents */
+/** @typedef {typeof __propDef.slots}  BlockQuoteSlots */
+export default class BlockQuote extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type BlockQuoteProps = typeof __propDef.props;
+export type BlockQuoteEvents = typeof __propDef.events;
+export type BlockQuoteSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};

package/dist/components/ButtonDarkMode.svelte

@@ -0,0 +1,14 @@
+<script>import { DarkMode } from "flowbite-svelte";
+import { writable } from "svelte/store";
+export let colorTheme = writable();
+function toggle(e) {
+  const isDark = e.target.ownerDocument.documentElement.classList.contains(
+    "dark"
+  );
+  colorTheme.set(isDark ? "dark" : "light");
+}
+</script>
+
+<button type="button" on:click={toggle}>
+	<DarkMode />
+</button>

package/dist/components/ButtonDarkMode.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        colorTheme?: import("svelte/store").Writable<unknown>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ButtonDarkModeProps = typeof __propDef.props;
+export type ButtonDarkModeEvents = typeof __propDef.events;
+export type ButtonDarkModeSlots = typeof __propDef.slots;
+export default class ButtonDarkMode extends SvelteComponent<ButtonDarkModeProps, ButtonDarkModeEvents, ButtonDarkModeSlots> {
+}
+export {};

package/dist/components/ButtonLoading.svelte

@@ -0,0 +1,11 @@
+<script>import { Button, Spinner } from "flowbite-svelte";
+export let loading = false;
+export let disabled = false;
+</script>
+
+<Button disabled={loading || disabled} {...$$props} on:click>
+	{#if loading}
+		<Spinner class="mr-2 h-4 w-4" color="white" />
+	{/if}
+	<slot />
+</Button>

package/dist/components/ButtonLoading.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        loading?: boolean | undefined;
+        disabled?: boolean | undefined;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type ButtonLoadingProps = typeof __propDef.props;
+export type ButtonLoadingEvents = typeof __propDef.events;
+export type ButtonLoadingSlots = typeof __propDef.slots;
+export default class ButtonLoading extends SvelteComponent<ButtonLoadingProps, ButtonLoadingEvents, ButtonLoadingSlots> {
+}
+export {};

package/dist/components/ButtonTab.svelte

@@ -0,0 +1,7 @@
+<script>import { Button } from "flowbite-svelte";
+export let active = false;
+</script>
+
+<Button on:click disabled={active} {...$$props}>
+	<slot />
+</Button>

package/dist/components/ButtonTab.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        active?: boolean | undefined;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type ButtonTabProps = typeof __propDef.props;
+export type ButtonTabEvents = typeof __propDef.events;
+export type ButtonTabSlots = typeof __propDef.slots;
+export default class ButtonTab extends SvelteComponent<ButtonTabProps, ButtonTabEvents, ButtonTabSlots> {
+}
+export {};

package/dist/components/ButtonVaultLink.svelte

@@ -0,0 +1,29 @@
+<script>import { bigintStringToHex } from "../utils/hex";
+import { Tooltip } from "flowbite-svelte";
+import { formatUnits } from "viem";
+export let tokenVault;
+export let subgraphName;
+</script>
+
+<div
+	class="flex cursor-pointer items-center justify-between space-y-2 rounded-lg border border-gray-100 p-2"
+	data-testid="vault-link"
+>
+	<div class="flex flex-col items-start gap-y-2">
+		<Tooltip triggeredBy="#token-info" class="z-[99] w-96">
+			ID: <span class="font-mono">{bigintStringToHex(tokenVault.vaultId)}</span>
+		</Tooltip>
+		<a href={`/vaults/${subgraphName}-${tokenVault.id}`} id="token-info">
+			{tokenVault.token.name} ({tokenVault.token.symbol})
+		</a>
+		<span class="text-sm text-gray-500 dark:text-gray-400">
+			Balance: {formatUnits(
+				BigInt(tokenVault.balance),
+				parseInt(tokenVault.token.decimals || '18')
+			)}
+		</span>
+	</div>
+	<div>
+		<slot name="buttons" />
+	</div>
+</div>

package/dist/components/ButtonVaultLink.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import type { SgVault } from '@rainlanguage/orderbook/js_api';
+declare const __propDef: {
+    props: {
+        tokenVault: SgVault;
+        subgraphName: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        buttons: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ButtonVaultLinkProps = typeof __propDef.props;
+export type ButtonVaultLinkEvents = typeof __propDef.events;
+export type ButtonVaultLinkSlots = typeof __propDef.slots;
+export default class ButtonVaultLink extends SvelteComponent<ButtonVaultLinkProps, ButtonVaultLinkEvents, ButtonVaultLinkSlots> {
+}
+export {};

package/dist/components/CardProperty.svelte

@@ -0,0 +1,11 @@
+<div {...$$props}>
+	<h5
+		data-testid="card-property-key"
+		class="text-md mb-1 w-full tracking-tight text-gray-400 dark:text-gray-400"
+	>
+		<slot name="key" />
+	</h5>
+	<p class="font-regular break-all leading-tight text-gray-800 dark:text-white">
+		<slot name="value" />
+	</p>
+</div>