@rainlanguage/ui-components 0.0.1-alpha.10 → 0.0.1-alpha.100

package/dist/errors/DeploymentStepsError.d.ts

@@ -1,5 +1,6 @@
 export declare enum DeploymentStepsErrorCode {
-    NO_GUI = "Error loading GUI",
+    NO_GUI_PROVIDER = "No GUI provider found.",
+    NO_GUI = "Error loading GUI.",
     NO_STRATEGY = "No valid strategy exists at this URL",
     NO_SELECT_TOKENS = "Error loading tokens",
     NO_TOKEN_INFO = "Error loading token information",
@@ -9,8 +10,10 @@ export declare enum DeploymentStepsErrorCode {
     NO_TOKEN_OUTPUTS = "Error loading token outputs",
     NO_GUI_DETAILS = "Error getting GUI details",
     NO_CHAIN = "Unsupported chain ID",
+    NO_NETWORK_KEY = "No network key found",
     SERIALIZE_ERROR = "Error serializing state",
-    ADD_ORDER_FAILED = "Failed to add order"
+    ADD_ORDER_FAILED = "Failed to add order",
+    NO_WALLET = "No account address found"
 }
 export declare class DeploymentStepsError extends Error {
     code: DeploymentStepsErrorCode;

package/dist/errors/DeploymentStepsError.js

@@ -1,7 +1,8 @@
 import { writable } from 'svelte/store';
 export var DeploymentStepsErrorCode;
 (function (DeploymentStepsErrorCode) {
-    DeploymentStepsErrorCode["NO_GUI"] = "Error loading GUI";
+    DeploymentStepsErrorCode["NO_GUI_PROVIDER"] = "No GUI provider found.";
+    DeploymentStepsErrorCode["NO_GUI"] = "Error loading GUI.";
     DeploymentStepsErrorCode["NO_STRATEGY"] = "No valid strategy exists at this URL";
     DeploymentStepsErrorCode["NO_SELECT_TOKENS"] = "Error loading tokens";
     DeploymentStepsErrorCode["NO_TOKEN_INFO"] = "Error loading token information";
@@ -11,8 +12,10 @@ export var DeploymentStepsErrorCode;
     DeploymentStepsErrorCode["NO_TOKEN_OUTPUTS"] = "Error loading token outputs";
     DeploymentStepsErrorCode["NO_GUI_DETAILS"] = "Error getting GUI details";
     DeploymentStepsErrorCode["NO_CHAIN"] = "Unsupported chain ID";
+    DeploymentStepsErrorCode["NO_NETWORK_KEY"] = "No network key found";
     DeploymentStepsErrorCode["SERIALIZE_ERROR"] = "Error serializing state";
     DeploymentStepsErrorCode["ADD_ORDER_FAILED"] = "Failed to add order";
+    DeploymentStepsErrorCode["NO_WALLET"] = "No account address found";
 })(DeploymentStepsErrorCode || (DeploymentStepsErrorCode = {}));
 export class DeploymentStepsError extends Error {
     code;

package/dist/hooks/useGui.d.ts

@@ -0,0 +1,3 @@
+import { DotrainOrderGui } from '@rainlanguage/orderbook';
+export declare const GUI_CONTEXT_KEY = "gui-context";
+export declare function useGui(): DotrainOrderGui;

package/dist/hooks/useGui.js

@@ -0,0 +1,11 @@
+import { getContext } from 'svelte';
+import { DotrainOrderGui } from '@rainlanguage/orderbook';
+import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
+export const GUI_CONTEXT_KEY = 'gui-context';
+export function useGui() {
+    const gui = getContext(GUI_CONTEXT_KEY);
+    if (!gui) {
+        DeploymentStepsError.catch(null, DeploymentStepsErrorCode.NO_GUI_PROVIDER);
+    }
+    return gui;
+}

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { default as DropdownCheckbox } from './components/dropdown/DropdownCheck
 export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
 export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
 export { default as Refresh } from './components/icon/Refresh.svelte';
-export { default as DropdownOrderStatus } from './components/dropdown/DropdownOrderStatus.svelte';
+export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
 export { default as InputOrderHash } from './components/input/InputOrderHash.svelte';
 export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.svelte';
 export { default as ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';
@@ -65,25 +65,37 @@ export { default as InvalidStrategiesSection } from './components/deployment/Inv
 export { default as ValidStrategiesSection } from './components/deployment/ValidStrategiesSection.svelte';
 export { default as InputRegistryUrl } from './components/input/InputRegistryUrl.svelte';
 export type { AppStoresInterface } from './types/appStores.ts';
-export type { ConfigSource, OrderbookConfigSource, OrderbookCfgRef } from '@rainlanguage/orderbook/js_api';
+export type { ConfigSource, OrderbookConfigSource, OrderbookCfgRef } from '@rainlanguage/orderbook';
 export { TransactionStatus, TransactionErrorMessage, type TransactionState, type ExtendedApprovalCalldata } from './stores/transactionStore';
 export type { DeploymentArgs, DepositOrWithdrawArgs, OrderRemoveArgs } from './types/transaction';
 export type { DepositOrWithdrawModalProps, OrderRemoveModalProps, QuoteDebugModalHandler, DebugTradeModalHandler, DeployModalProps, DisclaimerModalProps } from './types/modal';
 export type { ValidStrategyDetail, InvalidStrategyDetail } from './types/strategy';
+export type { ToastProps } from './types/toast';
 export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks__/queries';
-export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './utils/time';
+export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './services/time';
 export { bigintStringToHex, HEX_INPUT_REGEX } from './utils/hex';
 export { vaultBalanceDisplay } from './utils/vault';
-export { prepareHistoricalOrderChartData } from './services/historicalOrderCharts';
 export { bigintToFloat } from './utils/number';
 export { getExplorerLink } from './services/getExplorerLink';
+export { invalidateTanstackQueries } from './queries/queryClient';
 export { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from './queries/constants';
 export { QKEY_VAULTS, QKEY_VAULT, QKEY_VAULT_CHANGES, QKEY_ORDERS, QKEY_ORDER, QKEY_ORDER_TRADES_LIST, QKEY_ORDER_QUOTE, QKEY_VAULTS_VOL_LIST, QKEY_ORDER_APY } from './queries/keys';
 export { darkChartTheme, lightChartTheme } from './utils/lightweightChartsThemes';
 export { lightCodeMirrorTheme, darkCodeMirrorTheme } from './utils/codeMirrorThemes';
-export { mockConfigSource } from './__mocks__/settings';
-export { mockSettingsStore } from './__mocks__/settings';
 export { default as transactionStore } from './stores/transactionStore';
-export { mockTransactionStore } from './__mocks__/mockTransactionStore';
+export { cachedWritableStore, cachedWritableIntOptional, cachedWritableStringOptional, cachedWritableString } from './storesGeneric/cachedWritableStore';
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
+export { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
+export { default as RegistryProvider } from './providers/registry/RegistryProvider.svelte';
+export { default as ToastProvider } from './providers/toasts/ToastProvider.svelte';
+export { useGui } from './hooks/useGui';
+export { useAccount } from './providers/wallet/useAccount';
+export { useRegistry } from './providers/registry/useRegistry';
+export { useToasts } from './providers/toasts/useToasts';
+export { RegistryManager } from './providers/registry/RegistryManager';
+export { mockPageStore } from './__mocks__/stores';
+export { mockConfigSource } from './__mocks__/settings';
+export { mockSettingsStore } from './__mocks__/settings';
+export { mockTransactionStore } from './__mocks__/mockTransactionStore';

package/dist/index.js

@@ -7,7 +7,7 @@ export { default as DropdownCheckbox } from './components/dropdown/DropdownCheck
 export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
 export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
 export { default as Refresh } from './components/icon/Refresh.svelte';
-export { default as DropdownOrderStatus } from './components/dropdown/DropdownOrderStatus.svelte';
+export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
 export { default as InputOrderHash } from './components/input/InputOrderHash.svelte';
 export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.svelte';
 export { default as ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';
@@ -68,22 +68,37 @@ export { default as InputRegistryUrl } from './components/input/InputRegistryUrl
 export { TransactionStatus, TransactionErrorMessage } from './stores/transactionStore';
 // Functions
 export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks__/queries';
-export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './utils/time';
+export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './services/time';
 export { bigintStringToHex, HEX_INPUT_REGEX } from './utils/hex';
 export { vaultBalanceDisplay } from './utils/vault';
-export { prepareHistoricalOrderChartData } from './services/historicalOrderCharts';
 export { bigintToFloat } from './utils/number';
 export { getExplorerLink } from './services/getExplorerLink';
+export { invalidateTanstackQueries } from './queries/queryClient';
 // Constants
 export { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from './queries/constants';
 export { QKEY_VAULTS, QKEY_VAULT, QKEY_VAULT_CHANGES, QKEY_ORDERS, QKEY_ORDER, QKEY_ORDER_TRADES_LIST, QKEY_ORDER_QUOTE, QKEY_VAULTS_VOL_LIST, QKEY_ORDER_APY } from './queries/keys';
 export { darkChartTheme, lightChartTheme } from './utils/lightweightChartsThemes';
 export { lightCodeMirrorTheme, darkCodeMirrorTheme } from './utils/codeMirrorThemes';
 // Stores
-export { mockConfigSource } from './__mocks__/settings';
-export { mockSettingsStore } from './__mocks__/settings';
 export { default as transactionStore } from './stores/transactionStore';
-export { mockTransactionStore } from './__mocks__/mockTransactionStore';
+export { cachedWritableStore, cachedWritableIntOptional, cachedWritableStringOptional, cachedWritableString } from './storesGeneric/cachedWritableStore';
 // Assets
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
+// Providers
+export { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
+export { default as RegistryProvider } from './providers/registry/RegistryProvider.svelte';
+export { default as ToastProvider } from './providers/toasts/ToastProvider.svelte';
+// Hooks
+export { useGui } from './hooks/useGui';
+export { useAccount } from './providers/wallet/useAccount';
+export { useRegistry } from './providers/registry/useRegistry';
+export { useToasts } from './providers/toasts/useToasts';
+// Classes
+export { RegistryManager } from './providers/registry/RegistryManager';
+// Mocks
+export { mockPageStore } from './__mocks__/stores';
+export { mockConfigSource } from './__mocks__/settings';
+export { mockSettingsStore } from './__mocks__/settings';
+export { mockTransactionStore } from './__mocks__/mockTransactionStore';

package/dist/providers/GuiProvider.svelte

@@ -0,0 +1,8 @@
+<script>import { setContext } from "svelte";
+import { DotrainOrderGui } from "@rainlanguage/orderbook";
+import { GUI_CONTEXT_KEY } from "../hooks/useGui";
+export let gui;
+setContext(GUI_CONTEXT_KEY, gui);
+</script>
+
+<slot />

package/dist/providers/GuiProvider.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import { DotrainOrderGui } from '@rainlanguage/orderbook';
+declare const __propDef: {
+    props: {
+        gui: DotrainOrderGui;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type GuiProviderProps = typeof __propDef.props;
+export type GuiProviderEvents = typeof __propDef.events;
+export type GuiProviderSlots = typeof __propDef.slots;
+export default class GuiProvider extends SvelteComponent<GuiProviderProps, GuiProviderEvents, GuiProviderSlots> {
+}
+export {};

package/dist/providers/registry/RegistryManager.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Manages registry URL settings, persisting values in localStorage and URL parameters
+ */
+export declare class RegistryManager {
+    /** The default registry URL to fall back to */
+    private defaultRegistry;
+    /** The currently selected registry URL */
+    private currentRegistry;
+    /** Key used for localStorage and URL parameters */
+    private static STORAGE_KEY;
+    /**
+     * Create a new RegistryManager
+     * @param defaultRegistry The default registry URL to use.
+     */
+    constructor(defaultRegistry: string);
+    /**
+     * Initialize registry from URL param or local storage
+     * @returns The registry URL to use
+     */
+    private loadRegistryFromStorageOrUrl;
+    /**
+     * Get the registry from the URL param
+     * @returns The registry value from URL or null if not present
+     * @throws Error if URL parsing fails
+     */
+    private getRegistryParamFromUrl;
+    /**
+     * Save the registry to local storage
+     * @param registry The registry URL to save
+     * @throws Error if localStorage is not available
+     */
+    private setRegistryToLocalStorage;
+    /**
+     * Retrieve the registry from local storage
+     * @returns The stored registry URL or null if not found
+     * @throws Error if localStorage is not available
+     */
+    private getRegistryFromLocalStorage;
+    /**
+     * Get the currently active registry
+     * @returns The current registry URL, falling back to default if not set
+     */
+    getCurrentRegistry(): string;
+    /**
+     * Set the registry and update both localStorage and URL
+     * @param registry The new registry URL to set
+     */
+    setRegistry(registry: string): void;
+    /**
+     * Reset to the default registry, clearing both localStorage and URL param
+     * @throws Error if localStorage is not available
+     */
+    resetToDefault(): void;
+    /**
+     * Update the URL param to reflect the current or specified registry
+     * @param value The registry value to set in URL, defaults to current registry
+     * @throws Error if URL manipulation fails
+     */
+    updateUrlWithRegistry(value?: string | null): void;
+    /**
+     * Check if the current registry is custom (different from the default)
+     * @returns True if using a non-default registry
+     */
+    isCustomRegistry(): boolean;
+}

package/dist/providers/registry/RegistryManager.js

@@ -0,0 +1,133 @@
+/**
+ * Manages registry URL settings, persisting values in localStorage and URL parameters
+ */
+export class RegistryManager {
+    /** The default registry URL to fall back to */
+    defaultRegistry;
+    /** The currently selected registry URL */
+    currentRegistry;
+    /** Key used for localStorage and URL parameters */
+    static STORAGE_KEY = 'registry';
+    /**
+     * Create a new RegistryManager
+     * @param defaultRegistry The default registry URL to use.
+     */
+    constructor(defaultRegistry) {
+        this.defaultRegistry = defaultRegistry;
+        this.currentRegistry = this.loadRegistryFromStorageOrUrl();
+    }
+    /**
+     * Initialize registry from URL param or local storage
+     * @returns The registry URL to use
+     */
+    loadRegistryFromStorageOrUrl() {
+        const urlParam = this.getRegistryParamFromUrl();
+        if (urlParam) {
+            this.setRegistryToLocalStorage(urlParam);
+            return urlParam;
+        }
+        return this.getRegistryFromLocalStorage() ?? this.defaultRegistry;
+    }
+    /**
+     * Get the registry from the URL param
+     * @returns The registry value from URL or null if not present
+     * @throws Error if URL parsing fails
+     */
+    getRegistryParamFromUrl() {
+        try {
+            return new URL(window.location.href).searchParams.get(RegistryManager.STORAGE_KEY);
+        }
+        catch (error) {
+            throw new Error('Failed to get registry parameter: ' +
+                (error instanceof Error ? error.message : String(error)));
+        }
+    }
+    /**
+     * Save the registry to local storage
+     * @param registry The registry URL to save
+     * @throws Error if localStorage is not available
+     */
+    setRegistryToLocalStorage(registry) {
+        try {
+            localStorage.setItem(RegistryManager.STORAGE_KEY, registry);
+        }
+        catch (error) {
+            throw new Error('Failed to save to localStorage: ' +
+                (error instanceof Error ? error.message : String(error)));
+        }
+    }
+    /**
+     * Retrieve the registry from local storage
+     * @returns The stored registry URL or null if not found
+     * @throws Error if localStorage is not available
+     */
+    getRegistryFromLocalStorage() {
+        try {
+            return localStorage.getItem(RegistryManager.STORAGE_KEY);
+        }
+        catch (error) {
+            throw new Error('Failed to access localStorage: ' + (error instanceof Error ? error.message : String(error)));
+        }
+    }
+    /**
+     * Get the currently active registry
+     * @returns The current registry URL, falling back to default if not set
+     */
+    getCurrentRegistry() {
+        return this.currentRegistry ?? this.defaultRegistry;
+    }
+    /**
+     * Set the registry and update both localStorage and URL
+     * @param registry The new registry URL to set
+     */
+    setRegistry(registry) {
+        this.currentRegistry = registry;
+        this.setRegistryToLocalStorage(registry);
+        this.updateUrlWithRegistry();
+    }
+    /**
+     * Reset to the default registry, clearing both localStorage and URL param
+     * @throws Error if localStorage is not available
+     */
+    resetToDefault() {
+        this.currentRegistry = this.defaultRegistry;
+        try {
+            localStorage.removeItem(RegistryManager.STORAGE_KEY);
+        }
+        catch (error) {
+            throw new Error('Failed to clear registry from localStorage: ' +
+                (error instanceof Error ? error.message : String(error)));
+        }
+        this.updateUrlWithRegistry(null);
+    }
+    /**
+     * Update the URL param to reflect the current or specified registry
+     * @param value The registry value to set in URL, defaults to current registry
+     * @throws Error if URL manipulation fails
+     */
+    updateUrlWithRegistry(value = this.currentRegistry) {
+        try {
+            const url = new URL(window.location.href);
+            if (value) {
+                url.searchParams.set(RegistryManager.STORAGE_KEY, value);
+            }
+            else {
+                url.searchParams.delete(RegistryManager.STORAGE_KEY);
+            }
+            window.history.pushState({}, '', url.toString());
+        }
+        catch (error) {
+            throw new Error('Failed to update URL parameter: ' +
+                (error instanceof Error ? error.message : String(error)));
+        }
+    }
+    /**
+     * Check if the current registry is custom (different from the default)
+     * @returns True if using a non-default registry
+     */
+    isCustomRegistry() {
+        return (this.currentRegistry !== undefined &&
+            this.currentRegistry !== null &&
+            this.currentRegistry !== this.defaultRegistry);
+    }
+}

package/dist/providers/registry/RegistryProvider.svelte

@@ -0,0 +1,6 @@
+<script>import { setRegistryContext } from "./context";
+export let registryManager;
+setRegistryContext(registryManager);
+</script>
+
+<slot />

package/dist/providers/registry/RegistryProvider.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { RegistryManager } from './RegistryManager';
+declare const __propDef: {
+    props: {
+        registryManager: RegistryManager;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type RegistryProviderProps = typeof __propDef.props;
+export type RegistryProviderEvents = typeof __propDef.events;
+export type RegistryProviderSlots = typeof __propDef.slots;
+export default class RegistryProvider extends SvelteComponent<RegistryProviderProps, RegistryProviderEvents, RegistryProviderSlots> {
+}
+export {};

package/dist/providers/registry/context.d.ts

@@ -0,0 +1,10 @@
+import type { RegistryManager } from './RegistryManager';
+export declare const REGISTRY_KEY = "registry_key";
+/**
+ * Retrieves the registry manager directly from Svelte's context
+ */
+export declare const getRegistryContext: () => RegistryManager;
+/**
+ * Sets the registry manager in Svelte's context
+ */
+export declare const setRegistryContext: (registry: RegistryManager) => void;

package/dist/providers/registry/context.js

@@ -0,0 +1,46 @@
+import { getContext, setContext } from 'svelte';
+export const REGISTRY_KEY = 'registry_key';
+/**
+ * Retrieves the registry manager directly from Svelte's context
+ */
+export const getRegistryContext = () => {
+    const registry = getContext(REGISTRY_KEY);
+    if (!registry) {
+        throw new Error('No registry manager was found in Svelte context. Did you forget to wrap your component with RegistryProvider?');
+    }
+    return registry;
+};
+/**
+ * Sets the registry manager in Svelte's context
+ */
+export const setRegistryContext = (registry) => {
+    setContext(REGISTRY_KEY, registry);
+};
+if (import.meta.vitest) {
+    const { describe, it, expect, vi, beforeEach } = import.meta.vitest;
+    vi.mock('svelte', async (importOriginal) => ({
+        ...(await importOriginal()),
+        getContext: vi.fn()
+    }));
+    describe('getRegistryContext', () => {
+        const mockGetContext = vi.mocked(getContext);
+        beforeEach(() => {
+            mockGetContext.mockReset();
+        });
+        it('should return the registry from context when it exists', () => {
+            const mockRegistry = {};
+            mockGetContext.mockImplementation((key) => {
+                if (key === REGISTRY_KEY)
+                    return mockRegistry;
+                return undefined;
+            });
+            const result = getRegistryContext();
+            expect(mockGetContext).toHaveBeenCalledWith(REGISTRY_KEY);
+            expect(result).toEqual(mockRegistry);
+        });
+        it('should throw an error when registry is not in context', () => {
+            mockGetContext.mockReturnValue(undefined);
+            expect(() => getRegistryContext()).toThrow('No registry manager was found in Svelte context. Did you forget to wrap your component with RegistryProvider?');
+        });
+    });
+}

package/dist/providers/registry/useRegistry.d.ts

@@ -0,0 +1,7 @@
+import type { RegistryManager } from './RegistryManager';
+/**
+ * Hook to access registry manager information from context
+ * Must be used within a component that is a child of RegistryProvider
+ * @returns An object containing the registry manager
+ */
+export declare function useRegistry(): RegistryManager;

package/dist/providers/registry/useRegistry.js

@@ -0,0 +1,29 @@
+import { getRegistryContext } from './context';
+/**
+ * Hook to access registry manager information from context
+ * Must be used within a component that is a child of RegistryProvider
+ * @returns An object containing the registry manager
+ */
+export function useRegistry() {
+    const registry = getRegistryContext();
+    return registry;
+}
+if (import.meta.vitest) {
+    const { describe, it, expect, vi, beforeEach } = import.meta.vitest;
+    vi.mock('./context', () => ({
+        getRegistryContext: vi.fn()
+    }));
+    describe('useRegistry', () => {
+        const mockGetRegistryContext = vi.mocked(getRegistryContext);
+        beforeEach(() => {
+            mockGetRegistryContext.mockReset();
+        });
+        it('should return registry', () => {
+            const mockRegistry = {};
+            mockGetRegistryContext.mockReturnValue(mockRegistry);
+            const result = useRegistry();
+            expect(mockGetRegistryContext).toHaveBeenCalled();
+            expect(result).toEqual(mockRegistry);
+        });
+    });
+}

package/dist/providers/toasts/ToastProvider.svelte

@@ -0,0 +1,17 @@
+<script>import ToastDetail from "../../components/ToastDetail.svelte";
+import { setToastsContext } from "./context";
+import { writable } from "svelte/store";
+import { fade } from "svelte/transition";
+export let toasts = writable([]);
+setToastsContext(toasts);
+</script>
+
+<div class="fixed right-4 top-4 z-[100]">
+	{#each $toasts as toast}
+		<div out:fade data-testid="toast">
+			<ToastDetail {toast} />
+		</div>
+	{/each}
+</div>
+
+<slot />

package/dist/providers/toasts/ToastProvider.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import { type Writable } from 'svelte/store';
+import type { ToastProps } from '../../types/toast';
+declare const __propDef: {
+    props: {
+        toasts?: Writable<ToastProps[]>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ToastProviderProps = typeof __propDef.props;
+export type ToastProviderEvents = typeof __propDef.events;
+export type ToastProviderSlots = typeof __propDef.slots;
+export default class ToastProvider extends SvelteComponent<ToastProviderProps, ToastProviderEvents, ToastProviderSlots> {
+}
+export {};

package/dist/providers/toasts/context.d.ts

@@ -0,0 +1,11 @@
+import { type Writable } from 'svelte/store';
+import type { ToastProps } from '../../types/toast';
+export declare const TOASTS_KEY = "rain:ui-components:toasts";
+/**
+ * Retrieves the toasts store from Svelte's context
+ */
+export declare function getToastsContext(): Writable<ToastProps[]>;
+/**
+ * Sets the toasts store in Svelte's context
+ */
+export declare function setToastsContext(toasts: Writable<ToastProps[]>): void;

package/dist/providers/toasts/context.js

@@ -0,0 +1,19 @@
+import { getContext, setContext } from 'svelte';
+import {} from 'svelte/store';
+export const TOASTS_KEY = 'rain:ui-components:toasts';
+/**
+ * Retrieves the toasts store from Svelte's context
+ */
+export function getToastsContext() {
+    const toasts = getContext(TOASTS_KEY);
+    if (!toasts) {
+        throw new Error('No toasts context found. Did you forget to wrap your component with ToastProvider?');
+    }
+    return toasts;
+}
+/**
+ * Sets the toasts store in Svelte's context
+ */
+export function setToastsContext(toasts) {
+    setContext(TOASTS_KEY, toasts);
+}

package/dist/providers/toasts/useToasts.d.ts

@@ -0,0 +1,12 @@
+import type { ToastProps } from '../../types/toast';
+/**
+ * Hook for managing toast notifications in the application.
+ * Provides functionality to add, remove, and access toast notifications.
+ *
+ * @returns An object containing the toast store and methods to manipulate toasts
+ */
+export declare function useToasts(): {
+    toasts: import("svelte/store").Writable<ToastProps[]>;
+    addToast: (toast: ToastProps) => void;
+    removeToast: (index: number) => void;
+};