rune-lab 0.3.1 → 0.4.1

package/dist/ui/components/Icon.svelte

@@ -1,108 +0,0 @@
-<script lang="ts">
-  import { getAppStore } from "rune-lab/state";
-  import { DEV } from "esm-env";
-
-  /**
-   * Simple Icon component for Rune Lab.
-   * Centralizes SVG paths to reduce boilerplate.
-   *
-   * ⚠️ SECURITY: `customIcons` values (from `appStore.customIcons` or the `icons` prop)
-   * are rendered as **unsanitized HTML** via `{@html}`. Only pass trusted SVG path strings.
-   */
-  let {
-    name,
-    size = "w-5 h-5",
-    class: className = "",
-    icons = {},
-    provider = "svg",
-    fill = 0,
-    weight = 400,
-    grade = 0,
-    opsz = 24,
-  } = $props<{
-    name: string;
-    size?: string;
-    class?: string;
-    icons?: Record<string, string>;
-    provider?: "svg" | "material";
-    fill?: 0 | 1;
-    weight?: 100 | 200 | 300 | 400 | 500 | 600 | 700;
-    grade?: -25 | 0 | 200;
-    opsz?: 20 | 24 | 40 | 48;
-  }>();
-
-  let appStore: ReturnType<typeof getAppStore> | undefined;
-  try {
-    appStore = getAppStore();
-  } catch {
-    // Graceful fallback if Icon is used outside RuneProvider
-  }
-
-  const paths: Record<string, string> = {
-    search:
-      '<circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path>',
-    "chevron-down": '<path d="m6 9 6 6 6-6" />',
-    "chevron-right": '<path d="m9 18 6-6-6-6" />',
-    info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
-    shortcut:
-      '<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
-    close: '<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',
-    external:
-      '<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/>',
-    plus: '<path d="M5 12h14"/><path d="M12 5v14"/>',
-    minus: '<path d="M5 12h14"/>',
-    check: '<path d="M20 6 9 17l-5-5"/>',
-    trash:
-      '<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>',
-    edit: '<path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/>',
-    grid: '<rect width="7" height="7" x="3" y="3" rx="1"/><rect width="7" height="7" x="14" y="3" rx="1"/><rect width="7" height="7" x="14" y="14" rx="1"/><rect width="7" height="7" x="3" y="14" rx="1"/>',
-    list: '<line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/>',
-    table:
-      '<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><line x1="3" x2="21" y1="9" y2="9"/><line x1="3" x2="21" y1="15" y2="15"/><line x1="9" x2="9" y1="3" y2="21"/><line x1="15" x2="15" y1="3" y2="21"/>',
-    "arrow-left": '<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>',
-    "arrow-right": '<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',
-    menu: '<line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/>',
-    bell: '<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/>',
-    user: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
-    settings:
-      '<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>',
-    logout:
-      '<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/>',
-    unknown:
-      '<circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/>',
-  };
-
-  const path = $derived.by(() => {
-    if (icons[name]) return icons[name];
-    if (appStore?.customIcons?.[name]) return appStore.customIcons[name];
-    if (paths[name]) return paths[name];
-
-    if (DEV) {
-      console.warn(`[Icon] Unknown icon name: "${name}"`);
-    }
-    return paths.unknown;
-  });
-</script>
-
-{#if provider === "material"}
-  <span
-    class="material-symbols-outlined {size} {className} select-none"
-    style="font-variation-settings: 'FILL' {fill}, 'wght' {weight}, 'GRAD' {grade}, 'opsz' {opsz}; display: inline-flex; align-items: center; justify-content: center;"
-  >
-    {name}
-  </span>
-{:else}
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    class="{size} {className}"
-  >
-    <!-- eslint-disable-next-line svelte/no-at-html-tags -->
-    {@html path}
-  </svg>
-{/if}

package/dist/ui/components/Icon.svelte.d.ts

@@ -1,14 +0,0 @@
-type $$ComponentProps = {
-    name: string;
-    size?: string;
-    class?: string;
-    icons?: Record<string, string>;
-    provider?: "svg" | "material";
-    fill?: 0 | 1;
-    weight?: 100 | 200 | 300 | 400 | 500 | 600 | 700;
-    grade?: -25 | 0 | 200;
-    opsz?: 20 | 24 | 40 | 48;
-};
-declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
-type Icon = ReturnType<typeof Icon>;
-export default Icon;

package/dist/ui/components/Kyntharil.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-    import { DEV } from "esm-env";
-    import { portal } from "../actions/portal";
-
-    /**
-     * Kyntharil — Reactive Value Inspector
-     * A dev-mode-only component that displays a floating panel of reactive values.
-     */
-    let { observe = {} } = $props<{
-        observe?: Record<string, unknown>;
-    }>();
-</script>
-
-{#if DEV}
-    <div
-        use:portal
-        class="rl-kyntharil fixed bottom-4 right-4 z-[9999] max-w-sm max-h-[80vh] overflow-y-auto bg-base-300 border border-base-content/10 rounded-lg shadow-2xl p-4 font-mono text-xs select-none pointer-events-auto"
-    >
-        <div class="flex items-center justify-between mb-2 border-b border-base-content/10 pb-2">
-            <span class="font-bold text-primary flex items-center gap-1">
-                <span class="w-2 h-2 rounded-full bg-primary animate-pulse"></span>
-                Kyntharil DevTools
-            </span>
-            <span class="opacity-50 text-[10px] uppercase tracking-wider">Reactive Observer</span>
-        </div>
-        
-        <div class="space-y-2">
-            {#each Object.entries(observe) as [label, value]}
-                <div class="flex flex-col gap-0.5">
-                    <span class="text-base-content/50 text-[10px]">{label}</span>
-                    <pre class="bg-base-100 p-1.5 rounded overflow-x-auto text-success whitespace-pre-wrap break-all">{JSON.stringify(value, null, 2)}</pre>
-                </div>
-            {:else}
-                <div class="text-base-content/30 italic text-center py-4">No values observed</div>
-            {/each}
-        </div>
-    </div>
-{/if}
-
-<style>
-    .rl-kyntharil::-webkit-scrollbar {
-        width: 4px;
-    }
-    .rl-kyntharil::-webkit-scrollbar-thumb {
-        background: rgba(0, 0, 0, 0.1);
-        border-radius: 10px;
-    }
-</style>

package/dist/ui/components/Kyntharil.svelte.d.ts

@@ -1,6 +0,0 @@
-type $$ComponentProps = {
-    observe?: Record<string, unknown>;
-};
-declare const Kyntharil: import("svelte").Component<$$ComponentProps, {}, "">;
-type Kyntharil = ReturnType<typeof Kyntharil>;
-export default Kyntharil;

package/dist/ui/components/RuneProvider.svelte

@@ -1,198 +0,0 @@
-<script lang="ts">
-    import { setContext, untrack, type Snippet, onMount } from "svelte";
-    import {
-        createAppStore,
-        createLayoutStore,
-        createCommandStore,
-        createApiStore,
-        createToastStore,
-        createThemeStore,
-        createLanguageStore,
-        createCurrencyStore,
-        createShortcutStore,
-        createCartStore,
-        createSessionStore,
-        type CartStoreConfig,
-    } from "rune-lab/state";
-    import type { PersistenceDriver } from "rune-lab/core";
-    import { localStorageDriver } from "rune-lab/state";
-    import { RUNE_LAB_CONTEXT } from "rune-lab/state";
-    import type { AppData } from "rune-lab/state";
-    import type { Theme } from "rune-lab/state";
-    import type { Currency } from "rune-lab/state";
-    import { CommandPalette, ShortcutPalette, Toaster } from "rune-lab/ui";
-
-    export interface RuneLabConfig {
-        persistence?: PersistenceDriver;
-        app?: Partial<AppData>;
-        apiUrl?: string;
-        apiHealthCheck?: () => Promise<boolean>;
-        favicon?: string;
-        manageHead?: boolean;
-        dictionary?: Record<string, any>;
-        locales?: readonly string[];
-        onLanguageChange?: (code: string) => void;
-        /** Icon provider to use. 'material' injects Google Material Symbols font link. */
-        icons?: 'material' | 'none';
-
-        // Theming (DaisyUI)
-        /** Additional custom themes to register alongside the built-in DaisyUI set */
-        customThemes?: Theme[];
-        /** Theme to use when no persisted value exists (after system preference detection) */
-        defaultTheme?: string;
-
-        // Currencies (Dinero.js)
-        /** Additional custom currencies to register */
-        currencies?: Currency[];
-        /** Default currency code when no persisted value exists */
-        defaultCurrency?: string;
-
-        // Cart (opt-in)
-        /** CartStore configuration — when provided, a CartStore is created and registered in context */
-        cart?: CartStoreConfig<any>;
-
-        // Auth (opt-in)
-        /** When true, creates and registers a SessionStore in context */
-        auth?: {
-            enabled?: boolean;
-            /** Callback when session changes (login, logout, expiry) */
-            onSessionChange?: (session: any) => void;
-        };
-    }
-
-    let { children, config = {} } = $props<{
-        children: Snippet;
-        config?: RuneLabConfig;
-    }>();
-
-    // 1. Initialize Base Configuration Stores
-    const appStore = createAppStore();
-    const apiStore = createApiStore();
-    const toastStore = createToastStore();
-
-    // Capture the initial persistence prop to avoid Svelte 5 reactive capture warnings
-    // Default to localStorageDriver to ensure UI selectors persist across browser page reloads
-    const initialPersistence = untrack(
-        () => config.persistence ?? localStorageDriver,
-    );
-    const initialLocales = untrack(() => config.locales);
-    const initialCustomThemes = untrack(() => config.customThemes);
-    const initialDefaultTheme = untrack(() => config.defaultTheme);
-    const initialCustomCurrencies = untrack(() => config.currencies);
-    const initialDefaultCurrency = untrack(() => config.defaultCurrency);
-    const initialCartConfig = untrack(() => config.cart);
-    const initialAuthConfig = untrack(() => config.auth);
-
-    const themeStore = createThemeStore({
-        driver: initialPersistence,
-        customThemes: initialCustomThemes,
-        defaultTheme: initialDefaultTheme,
-    });
-    const languageStore = createLanguageStore({
-        driver: initialPersistence,
-        locales: initialLocales,
-    });
-    const currencyStore = createCurrencyStore({
-        driver: initialPersistence,
-        customCurrencies: initialCustomCurrencies,
-        defaultCurrency: initialDefaultCurrency,
-    });
-    const shortcutStore = createShortcutStore();
-
-    // 2. Initialize Complex Stores (Dependency Injection)
-    const layoutStore = createLayoutStore(initialPersistence);
-    const commandStore = createCommandStore({
-        appStore,
-        apiStore,
-        toastStore,
-        themeStore,
-        languageStore,
-        currencyStore,
-    });
-
-    // 3. Provide Core Contexts
-    setContext(RUNE_LAB_CONTEXT.app, appStore);
-    setContext(RUNE_LAB_CONTEXT.api, apiStore);
-    setContext(RUNE_LAB_CONTEXT.toast, toastStore);
-    setContext(RUNE_LAB_CONTEXT.theme, themeStore);
-    setContext(RUNE_LAB_CONTEXT.language, languageStore);
-    setContext(RUNE_LAB_CONTEXT.currency, currencyStore);
-    setContext(RUNE_LAB_CONTEXT.shortcut, shortcutStore);
-    setContext(RUNE_LAB_CONTEXT.layout, layoutStore);
-    setContext(RUNE_LAB_CONTEXT.commands, commandStore);
-    setContext(RUNE_LAB_CONTEXT.persistence, initialPersistence);
-
-    // 4. Opt-in: CartStore (C-01 FIX)
-    if (initialCartConfig) {
-        const cartStore = createCartStore(initialCartConfig);
-        setContext(RUNE_LAB_CONTEXT.cart, cartStore);
-    }
-
-    // 5. Opt-in: SessionStore (C-02 FIX)
-    if (initialAuthConfig && initialAuthConfig.enabled !== false) {
-        const sessionStore = createSessionStore();
-        setContext(RUNE_LAB_CONTEXT.session, sessionStore);
-    }
-
-    const initialDictionary = untrack(() => config.dictionary);
-    if (initialDictionary) {
-        setContext("rl:dictionary", initialDictionary);
-    }
-
-    // Track config changes dynamically
-    $effect(() => {
-        if (config.app) appStore.init(config.app);
-    });
-
-    $effect(() => {
-        if (config.apiUrl)
-            apiStore.init(config.apiUrl, "v1", config.apiHealthCheck);
-    });
-
-    $effect(() => {
-        const code = languageStore.current as string;
-        if (config.onLanguageChange) {
-            config.onLanguageChange(code);
-        }
-    });
-
-    $effect(() => {
-        const name = themeStore.current as string;
-        if (config.onThemeChange) {
-            config.onThemeChange(name);
-        }
-    });
-
-    onMount(() => {
-        layoutStore.init();
-    });
-
-    // Meta tags derived from app store state
-    const metaTags = $derived([
-        { name: "description", content: appStore.description },
-        { name: "author", content: appStore.author },
-    ]);
-</script>
-
-<svelte:head>
-    {#if config.manageHead !== false}
-        <title>{appStore.name}</title>
-        {#if config.favicon}
-            <link rel="icon" href={config.favicon} />
-        {/if}
-        {#each metaTags as meta}
-            <meta name={meta.name} content={meta.content} />
-        {/each}
-        {#if config.icons === "material"}
-            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
-        {/if}
-    {/if}
-</svelte:head>
-
-<!-- Global Overlays -->
-<Toaster />
-<CommandPalette />
-<ShortcutPalette />
-
-<!-- Render Children -->
-{@render children()}

package/dist/ui/components/RuneProvider.svelte.d.ts

@@ -1,42 +0,0 @@
-import { type Snippet } from "svelte";
-import { type CartStoreConfig } from "rune-lab/state";
-import type { PersistenceDriver } from "rune-lab/core";
-import type { AppData } from "rune-lab/state";
-import type { Theme } from "rune-lab/state";
-import type { Currency } from "rune-lab/state";
-export interface RuneLabConfig {
-    persistence?: PersistenceDriver;
-    app?: Partial<AppData>;
-    apiUrl?: string;
-    apiHealthCheck?: () => Promise<boolean>;
-    favicon?: string;
-    manageHead?: boolean;
-    dictionary?: Record<string, any>;
-    locales?: readonly string[];
-    onLanguageChange?: (code: string) => void;
-    /** Icon provider to use. 'material' injects Google Material Symbols font link. */
-    icons?: 'material' | 'none';
-    /** Additional custom themes to register alongside the built-in DaisyUI set */
-    customThemes?: Theme[];
-    /** Theme to use when no persisted value exists (after system preference detection) */
-    defaultTheme?: string;
-    /** Additional custom currencies to register */
-    currencies?: Currency[];
-    /** Default currency code when no persisted value exists */
-    defaultCurrency?: string;
-    /** CartStore configuration — when provided, a CartStore is created and registered in context */
-    cart?: CartStoreConfig<any>;
-    /** When true, creates and registers a SessionStore in context */
-    auth?: {
-        enabled?: boolean;
-        /** Callback when session changes (login, logout, expiry) */
-        onSessionChange?: (session: any) => void;
-    };
-}
-type $$ComponentProps = {
-    children: Snippet;
-    config?: RuneLabConfig;
-};
-declare const RuneProvider: import("svelte").Component<$$ComponentProps, {}, "">;
-type RuneProvider = ReturnType<typeof RuneProvider>;
-export default RuneProvider;

package/dist/ui/components/Toaster.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Toaster: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Toaster = InstanceType<typeof Toaster>;
-export default Toaster;

package/dist/ui/components/money/MoneyDisplay.svelte

@@ -1,69 +0,0 @@
-<script lang="ts">
-    import { getLanguageStore, getCurrencyStore } from "rune-lab/state";
-    import { formatAmount, toMinorUnit, type ISO4217Code } from "rune-lab/core";
-
-    let {
-        amount,
-        unit = 'minor',
-        fallback = "—",
-        currency,
-        locale,
-        compact = false,
-    } = $props<{
-        /** Amount in minor or major units (see unit prop) */
-        amount: number | null | undefined;
-        /** 
-         * Whether the amount is in 'major' (e.g., pesos) or 'minor' (e.g., centavos) units.
-         * Defaults to 'minor' for backward compatibility.
-         */
-        unit?: 'major' | 'minor';
-        /** String to display if amount is null, undefined, or NaN. Defaults to "—" */
-        fallback?: string;
-        /** Override currency code (defaults to CurrencyStore.current) */
-        currency?: ISO4217Code | string;
-        /** Override locale (defaults to LanguageStore.current) */
-        locale?: string;
-        /** Use compact notation (e.g., $1.2M) */
-        compact?: boolean;
-    }>();
-
-    const currencyStore = getCurrencyStore();
-    const languageStore = getLanguageStore();
-
-    const resolvedCurrency = $derived(
-        currency ?? String(currencyStore.current),
-    );
-
-    const resolvedLocale = $derived(
-        locale ?? (String(languageStore.current) || "en"),
-    );
-
-    const currencyMeta = $derived(currencyStore.get(resolvedCurrency));
-    const decimals = $derived(currencyMeta?.decimals ?? 2);
-
-    const formatted = $derived.by(() => {
-        // If amount is null/undefined/NaN, use fallback
-        if (amount === null || amount === undefined || (typeof amount === 'number' && isNaN(amount))) {
-            return fallback;
-        }
-
-        // Convert to minor units if necessary
-        const minorAmount = unit === 'major' 
-            ? toMinorUnit(Number(amount), resolvedCurrency) 
-            : amount;
-
-        if (compact) {
-            const majorUnits = Number(minorAmount) / Math.pow(10, decimals);
-            return new Intl.NumberFormat(resolvedLocale, {
-                style: "currency",
-                currency: resolvedCurrency,
-                notation: "compact",
-                maximumFractionDigits: 1,
-            }).format(majorUnits);
-        }
-
-        return formatAmount(minorAmount, resolvedCurrency, resolvedLocale);
-    });
-</script>
-
-<data value={amount} class="rl-money-display tabular-nums">{formatted}</data>

package/dist/ui/components/money/MoneyDisplay.svelte.d.ts

@@ -1,21 +0,0 @@
-import { type ISO4217Code } from "rune-lab/core";
-type $$ComponentProps = {
-    /** Amount in minor or major units (see unit prop) */
-    amount: number | null | undefined;
-    /**
-     * Whether the amount is in 'major' (e.g., pesos) or 'minor' (e.g., centavos) units.
-     * Defaults to 'minor' for backward compatibility.
-     */
-    unit?: 'major' | 'minor';
-    /** String to display if amount is null, undefined, or NaN. Defaults to "—" */
-    fallback?: string;
-    /** Override currency code (defaults to CurrencyStore.current) */
-    currency?: ISO4217Code | string;
-    /** Override locale (defaults to LanguageStore.current) */
-    locale?: string;
-    /** Use compact notation (e.g., $1.2M) */
-    compact?: boolean;
-};
-declare const MoneyDisplay: import("svelte").Component<$$ComponentProps, {}, "">;
-type MoneyDisplay = ReturnType<typeof MoneyDisplay>;
-export default MoneyDisplay;

package/dist/ui/components/money/MoneyDisplay.svelte.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ui/components/money/MoneyDisplay.svelte.test.js

@@ -1,74 +0,0 @@
-import { render, screen } from "@testing-library/svelte";
-import { describe, expect, it } from "vitest";
-import MoneyDisplay from "./MoneyDisplay.svelte";
-import { RUNE_LAB_CONTEXT } from "rune-lab/state";
-// Mock stores for context
-const mockCurrencyStore = {
-    current: "USD",
-    get: (code) => ({ symbol: "$", decimals: 2 }),
-};
-const mockLanguageStore = {
-    current: "en-US",
-};
-const context = new Map([
-    [RUNE_LAB_CONTEXT.currency, mockCurrencyStore],
-    [RUNE_LAB_CONTEXT.language, mockLanguageStore],
-]);
-describe("MoneyDisplay.svelte", () => {
-    it("renders fallback when amount is null", () => {
-        render(MoneyDisplay, {
-            props: { amount: null, fallback: "N/A" },
-            context,
-        });
-        expect(screen.getByText("N/A")).toBeInTheDocument();
-    });
-    it("renders fallback when amount is undefined", () => {
-        render(MoneyDisplay, {
-            props: { amount: undefined, fallback: "N/A" },
-            context,
-        });
-        expect(screen.getByText("N/A")).toBeInTheDocument();
-    });
-    it("renders fallback when amount is NaN", () => {
-        render(MoneyDisplay, {
-            props: { amount: NaN, fallback: "N/A" },
-            context,
-        });
-        expect(screen.getByText("N/A")).toBeInTheDocument();
-    });
-    it("renders default fallback when amount is NaN and no fallback prop provided", () => {
-        render(MoneyDisplay, {
-            props: { amount: NaN },
-            context,
-        });
-        expect(screen.getByText("—")).toBeInTheDocument();
-    });
-    it("renders zero correctly when passed literal 0", () => {
-        render(MoneyDisplay, {
-            props: { amount: 0 },
-            context,
-        });
-        expect(screen.getByText(/\$0\.00/)).toBeInTheDocument();
-    });
-    it('handles unit="major"', () => {
-        render(MoneyDisplay, {
-            props: { amount: 125.50, unit: "major", currency: "USD" },
-            context,
-        });
-        expect(screen.getByText(/\$125\.50/)).toBeInTheDocument();
-    });
-    it('handles unit="minor" (default)', () => {
-        render(MoneyDisplay, {
-            props: { amount: 12550, unit: "minor", currency: "USD" },
-            context,
-        });
-        expect(screen.getByText(/\$125\.50/)).toBeInTheDocument();
-    });
-    it("supports compact notation", () => {
-        render(MoneyDisplay, {
-            props: { amount: 1200000, unit: "major", currency: "USD", compact: true },
-            context,
-        });
-        expect(screen.getByText(/\$1\.2M/)).toBeInTheDocument();
-    });
-});