rune-lab 0.2.3 → 0.3.1

package/README.md

@@ -140,6 +140,45 @@ also scan the `rune-lab` dist output:
 > component classes used by `rune-lab` will be included in your build and theme
 > switching will work across library components and your own code alike.
 
+## Money & Currency
+
+Rune Lab provides a robust, Dinero.js-backed money layer that handles precision
+arithmetic and locale-aware formatting.
+
+### MoneyDisplay
+
+```svelte
+<script>
+  import { MoneyDisplay } from "rune-lab";
+</script>
+
+<!-- Minor units (default): $150.00 -->
+<MoneyDisplay amount={15000} currency="USD" />
+
+<!-- Major units: $150.00 -->
+<MoneyDisplay amount={150} unit="major" currency="USD" />
+
+<!-- Compact notation: $1.2M -->
+<MoneyDisplay amount={1200000} unit="major" compact />
+
+<!-- Null handling with fallback: "—" -->
+<MoneyDisplay amount={null} fallback="N/A" />
+```
+
+### MoneyInput
+
+A masked input that prevents floating-point precision errors by working
+exclusively with integers.
+
+```svelte
+<script>
+  import { MoneyInput } from "rune-lab";
+  let price = $state(150.00);
+</script>
+
+<MoneyInput bind:amount={price} unit="major" currency="USD" />
+```
+
 ## Persistence Drivers
 
 Rune Lab provides built-in drivers to remember user preferences (like theme,

package/dist/core/money/index.d.ts

@@ -1,2 +1,2 @@
-export { addMoney, createMoney, CURRENCY_MAP, type Dinero, type DineroCurrency, formatAmount, formatMoney, multiplyMoney, subtractMoney, } from "./money";
+export { addMoney, createMoney, CURRENCY_MAP, type Dinero, type DineroCurrency, formatAmount, formatMoney, type ISO4217Code, multiplyMoney, registerCurrency, safeAmount, subtractMoney, toMinorUnit, } from "./money";
 //# sourceMappingURL=index.d.ts.map

package/dist/core/money/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sdk/core/src/money/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,KAAK,MAAM,EACX,KAAK,cAAc,EACnB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sdk/core/src/money/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,KAAK,MAAM,EACX,KAAK,cAAc,EACnB,YAAY,EACZ,WAAW,EACX,KAAK,WAAW,EAChB,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/core/money/index.js

@@ -1,2 +1,2 @@
 // sdk/core/src/money/index.ts
-export { addMoney, createMoney, CURRENCY_MAP, formatAmount, formatMoney, multiplyMoney, subtractMoney, } from "./money";
+export { addMoney, createMoney, CURRENCY_MAP, formatAmount, formatMoney, multiplyMoney, registerCurrency, safeAmount, subtractMoney, toMinorUnit, } from "./money";

package/dist/core/money/money.d.ts

@@ -4,11 +4,31 @@ import { type Dinero, type DineroCurrency } from "dinero.js";
  */
 export declare const CURRENCY_MAP: Record<string, DineroCurrency<number>>;
 /**
- * Create a Dinero monetary value from an amount in minor units (cents)
- * @param amount - Amount in minor units (e.g., 1234 = $12.34 for USD)
+ * Derived type of all built-in ISO 4217 currency codes.
+ * Enables IDE autocomplete while allowing any string for dynamic currencies.
+ */
+export type ISO4217Code = keyof typeof CURRENCY_MAP;
+/**
+ * Register a new currency in CURRENCY_MAP atomically.
+ * Ensures the core registry and any store-level registries stay in sync.
+ */
+export declare function registerCurrency(code: string, currency: DineroCurrency<number>): void;
+/**
+ * Normalizes an unknown input into a valid integer for Dinero.js.
+ * Exported so consumers can apply the same defensive coercion.
+ */
+export declare function safeAmount(amount: unknown): number;
+/**
+ * Converts a major-unit amount (e.g., pesos) to a minor-unit integer (e.g., centavos).
+ * Uses the currency's exponent from CURRENCY_MAP.
+ */
+export declare function toMinorUnit(amount: unknown, currencyCode: ISO4217Code | string): number;
+/**
+ * Create a Dinero monetary value from an amount.
+ * @param amount - Amount (normalized internally via safeAmount)
  * @param currencyCode - ISO 4217 currency code (e.g., "USD")
  */
-export declare function createMoney(amount: number, currencyCode: string): Dinero<number>;
+export declare function createMoney(amount: unknown, currencyCode: ISO4217Code | string): Dinero<number>;
 /**
  * Format a Dinero value as a locale-aware string
  * @param money - Dinero monetary value
@@ -17,10 +37,10 @@ export declare function createMoney(amount: number, currencyCode: string): Diner
  */
 export declare function formatMoney(money: Dinero<number>, locale?: string, currencyCode?: string): string;
 /**
- * Format a raw amount (minor units) as a locale-aware currency string
- * Convenience wrapper around createMoney + formatMoney
+ * Format a raw amount as a locale-aware currency string.
+ * Convenience wrapper around createMoney + formatMoney.
  */
-export declare function formatAmount(amount: number, currencyCode: string, locale?: string): string;
+export declare function formatAmount(amount: unknown, currencyCode: ISO4217Code | string, locale?: string): string;
 /**
  * Add two monetary values (must be same currency)
  */

package/dist/core/money/money.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../src/sdk/core/src/money/money.ts"],"names":[],"mappings":"AAIA,OAAO,EAML,KAAK,MAAM,EAEX,KAAK,cAAc,EAYpB,MAAM,WAAW,CAAC;AAEnB;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,CAY/D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,GACnB,MAAM,CAAC,MAAM,CAAC,CAQhB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EACrB,MAAM,GAAE,MAAgB,EACxB,YAAY,CAAC,EAAE,MAAM,GACpB,MAAM,CAeR;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,MAAM,GAAE,MAAgB,GACvB,MAAM,CAGR;AAED;;GAEG;AACH,wBAAgB,QAAQ,CACtB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EACjB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,GAChB,MAAM,CAAC,MAAM,CAAC,CAEhB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EACjB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,GAChB,MAAM,CAAC,MAAM,CAAC,CAEhB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EACrB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,CAAC,CAEhB;AAGD,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../src/sdk/core/src/money/money.ts"],"names":[],"mappings":"AAIA,OAAO,EAML,KAAK,MAAM,EAEX,KAAK,cAAc,EAYpB,MAAM,WAAW,CAAC;AAEnB;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,CAY/D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC,GAC/B,IAAI,CAEN;AA2BD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAElD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,OAAO,EACf,YAAY,EAAE,WAAW,GAAG,MAAM,GACjC,MAAM,CAUR;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,OAAO,EACf,YAAY,EAAE,WAAW,GAAG,MAAM,GACjC,MAAM,CAAC,MAAM,CAAC,CAQhB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EACrB,MAAM,GAAE,MAAgB,EACxB,YAAY,CAAC,EAAE,MAAM,GACpB,MAAM,CAeR;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,OAAO,EACf,YAAY,EAAE,WAAW,GAAG,MAAM,EAClC,MAAM,GAAE,MAAgB,GACvB,MAAM,CAGR;AAED;;GAEG;AACH,wBAAgB,QAAQ,CACtB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EACjB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,GAChB,MAAM,CAAC,MAAM,CAAC,CAEhB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EACjB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,GAChB,MAAM,CAAC,MAAM,CAAC,CAEhB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EACrB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,CAAC,CAEhB;AAGD,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/core/money/money.js

@@ -21,16 +21,69 @@ export const CURRENCY_MAP = {
     INR,
 };
 /**
- * Create a Dinero monetary value from an amount in minor units (cents)
- * @param amount - Amount in minor units (e.g., 1234 = $12.34 for USD)
+ * Register a new currency in CURRENCY_MAP atomically.
+ * Ensures the core registry and any store-level registries stay in sync.
+ */
+export function registerCurrency(code, currency) {
+    CURRENCY_MAP[code] = currency;
+}
+/**
+ * Normalizes an unknown input into a valid finite number.
+ * Handles null, undefined, bigints, and SurrealDB Decimal objects via toString().
+ */
+function toNumber(amount) {
+    if (amount === null || amount === undefined)
+        return 0;
+    if (typeof amount === "number")
+        return Number.isFinite(amount) ? amount : 0;
+    if (typeof amount === "bigint")
+        return Number(amount);
+    // Handle SurrealDB Decimal (which has a toString method) or other objects
+    if (typeof amount === "object") {
+        try {
+            // SurrealDB Decimal.toString() returns a numeric string
+            const str = String(amount);
+            const parsed = parseFloat(str);
+            return Number.isFinite(parsed) ? parsed : 0;
+        }
+        catch {
+            return 0;
+        }
+    }
+    const coerced = Number(amount);
+    return Number.isFinite(coerced) ? coerced : 0;
+}
+/**
+ * Normalizes an unknown input into a valid integer for Dinero.js.
+ * Exported so consumers can apply the same defensive coercion.
+ */
+export function safeAmount(amount) {
+    return Math.round(toNumber(amount));
+}
+/**
+ * Converts a major-unit amount (e.g., pesos) to a minor-unit integer (e.g., centavos).
+ * Uses the currency's exponent from CURRENCY_MAP.
+ */
+export function toMinorUnit(amount, currencyCode) {
+    const currency = CURRENCY_MAP[currencyCode];
+    if (!currency) {
+        throw new Error(`Unknown currency code: ${currencyCode}. Register it first via registerCurrency().`);
+    }
+    const base = Array.isArray(currency.base) ? currency.base[0] : currency.base;
+    const factor = Math.pow(Number(base), Number(currency.exponent));
+    return Math.round(toNumber(amount) * factor);
+}
+/**
+ * Create a Dinero monetary value from an amount.
+ * @param amount - Amount (normalized internally via safeAmount)
  * @param currencyCode - ISO 4217 currency code (e.g., "USD")
  */
 export function createMoney(amount, currencyCode) {
     const currency = CURRENCY_MAP[currencyCode];
     if (!currency) {
-        throw new Error(`Unknown currency code: ${currencyCode}. Add it to CURRENCY_MAP.`);
+        throw new Error(`Unknown currency code: ${currencyCode}. Register it first via registerCurrency().`);
     }
-    return dinero({ amount, currency });
+    return dinero({ amount: safeAmount(amount), currency });
 }
 /**
  * Format a Dinero value as a locale-aware string
@@ -52,8 +105,8 @@ export function formatMoney(money, locale = "en-US", currencyCode) {
     });
 }
 /**
- * Format a raw amount (minor units) as a locale-aware currency string
- * Convenience wrapper around createMoney + formatMoney
+ * Format a raw amount as a locale-aware currency string.
+ * Convenience wrapper around createMoney + formatMoney.
  */
 export function formatAmount(amount, currencyCode, locale = "en-US") {
     const money = createMoney(amount, currencyCode);

package/dist/index.js

@@ -2,4 +2,4 @@ export * from "rune-lab/core";
 export * from "rune-lab/state";
 export * from "rune-lab/ui";
 
-export const version = () => "0.2.3";
+export const version = () => "0.3.0";

package/dist/state/app.svelte.d.ts

@@ -25,9 +25,16 @@ export declare class AppStore {
     homepage: string;
     customIcons: Record<string, string>;
     /**
-     * Initialize app store with metadata
+     * Initialize app store with metadata.
+     *
+     * @contract init() is idempotent. Call it once at app startup via RuneProvider.
+     * Subsequent calls are silently ignored to maintain stability across SSR/CSR cycles.
      */
     init(data: Partial<AppData>): void;
+    /**
+     * @internal Test-only. Resets initialization guard.
+     */
+    __reset(): void;
     /**
      * Get full app information object
      */

package/dist/state/app.svelte.js

@@ -18,7 +18,10 @@ export class AppStore {
     customIcons = $state({});
     #initialized = false;
     /**
-     * Initialize app store with metadata
+     * Initialize app store with metadata.
+     *
+     * @contract init() is idempotent. Call it once at app startup via RuneProvider.
+     * Subsequent calls are silently ignored to maintain stability across SSR/CSR cycles.
      */
     init(data) {
         if (this.#initialized) {
@@ -43,6 +46,12 @@ export class AppStore {
             this.homepage = data.homepage;
         this.#initialized = true;
     }
+    /**
+     * @internal Test-only. Resets initialization guard.
+     */
+    __reset() {
+        this.#initialized = false;
+    }
     /**
      * Get full app information object
      */

package/dist/state/composables/useMoney.d.ts

@@ -1,15 +1,15 @@
-import { type Dinero } from "rune-lab/core";
+import { type Dinero, type ISO4217Code } from "rune-lab/core";
 /**
  * Context-aware money composable.
  * Reads CurrencyStore and LanguageStore from rune-lab context.
  *
  * Usage:
  *   const { format, toDinero, add, subtract } = useMoney();
- *   const display = format(15000); // "$150.00" (based on current currency + locale)
+ *   const display = format(150.00, undefined, 'major'); // "$150.00"
  */
 export declare function useMoney(): {
-    toDinero: (amount: number, currencyCode?: string) => Dinero<number>;
-    format: (amount: number, currencyCode?: string) => string;
-    add: (a: number, b: number, currencyCode?: string) => Dinero<number>;
-    subtract: (a: number, b: number, currencyCode?: string) => Dinero<number>;
+    toDinero: (amount: number | null | undefined, currencyCode?: ISO4217Code | string, unit?: "major" | "minor") => Dinero<number>;
+    format: (amount: number | null | undefined, currencyCode?: ISO4217Code | string, unit?: "major" | "minor") => string;
+    add: (a: number, b: number, currencyCode?: ISO4217Code | string, unit?: "major" | "minor") => Dinero<number>;
+    subtract: (a: number, b: number, currencyCode?: ISO4217Code | string, unit?: "major" | "minor") => Dinero<number>;
 };

package/dist/state/composables/useMoney.js

@@ -2,47 +2,61 @@
 // Context-aware money composable that reads CurrencyStore + LanguageStore
 import { getContext } from "svelte";
 import { RUNE_LAB_CONTEXT } from "../context";
-import { addMoney, createMoney, formatMoney, subtractMoney, } from "rune-lab/core";
+import { addMoney, createMoney, formatMoney, subtractMoney, toMinorUnit, } from "rune-lab/core";
 /**
  * Context-aware money composable.
  * Reads CurrencyStore and LanguageStore from rune-lab context.
  *
  * Usage:
  *   const { format, toDinero, add, subtract } = useMoney();
- *   const display = format(15000); // "$150.00" (based on current currency + locale)
+ *   const display = format(150.00, undefined, 'major'); // "$150.00"
  */
 export function useMoney() {
     const currencyStore = getContext(RUNE_LAB_CONTEXT.currency);
     const languageStore = getContext(RUNE_LAB_CONTEXT.language);
     /**
-     * Convert minor-unit amount to a Dinero object using current currency
+     * Convert amount to a Dinero object using current currency
      */
-    function toDinero(amount, currencyCode) {
+    function toDinero(amount, currencyCode, unit = "minor") {
         const code = currencyCode ?? String(currencyStore.current);
-        return createMoney(amount, code);
+        const minorAmount = unit === "major" && amount !== null && amount !== undefined
+            ? toMinorUnit(Number(amount), code)
+            : amount;
+        return createMoney(minorAmount, code);
     }
     /**
-     * Format an amount (minor units) as a locale-aware currency string
+     * Format an amount as a locale-aware currency string
      */
-    function format(amount, currencyCode) {
+    function format(amount, currencyCode, unit = "minor") {
+        if (amount === null || amount === undefined ||
+            (typeof amount === "number" && isNaN(amount))) {
+            return "—";
+        }
         const code = currencyCode ?? String(currencyStore.current);
         const locale = String(languageStore.current) || "en";
-        const money = createMoney(amount, code);
+        const minorAmount = unit === "major"
+            ? toMinorUnit(Number(amount), code)
+            : amount;
+        const money = createMoney(minorAmount, code);
         return formatMoney(money, locale, code);
     }
     /**
-     * Add two amounts (minor units) in the current currency
+     * Add two amounts in the current currency
      */
-    function add(a, b, currencyCode) {
+    function add(a, b, currencyCode, unit = "minor") {
         const code = currencyCode ?? String(currencyStore.current);
-        return addMoney(createMoney(a, code), createMoney(b, code));
+        const aMoney = toDinero(a, code, unit);
+        const bMoney = toDinero(b, code, unit);
+        return addMoney(aMoney, bMoney);
     }
     /**
-     * Subtract two amounts (minor units) in the current currency
+     * Subtract two amounts in the current currency
      */
-    function subtract(a, b, currencyCode) {
+    function subtract(a, b, currencyCode, unit = "minor") {
         const code = currencyCode ?? String(currencyStore.current);
-        return subtractMoney(createMoney(a, code), createMoney(b, code));
+        const aMoney = toDinero(a, code, unit);
+        const bMoney = toDinero(b, code, unit);
+        return subtractMoney(aMoney, bMoney);
     }
     return { toDinero, format, add, subtract };
 }

package/dist/state/currency.svelte.d.ts

@@ -1,4 +1,3 @@
-import { type ConfigStore } from "./createConfigStore.svelte";
 /**
  * Currency configuration
  * Based on ISO 4217 currency codes
@@ -17,11 +16,13 @@ export interface CurrencyStoreOptions {
     defaultCurrency?: string;
 }
 export declare function createCurrencyStore(driverOrOptions?: PersistenceDriver | (() => PersistenceDriver | undefined) | CurrencyStoreOptions): {
+    addCurrency: (meta: Currency, dineroDef?: any) => void;
+    current: string | number;
+    available: Currency[];
+};
+export type CurrencyStore = ReturnType<typeof createCurrencyStore>;
+export declare function getCurrencyStore(): {
+    addCurrency: (meta: Currency, dineroDef?: any) => void;
     current: string | number;
     available: Currency[];
-    set(id: string | number): void;
-    get(id: string | number): Currency | undefined;
-    getProp<K extends keyof Currency>(prop: K, id?: string | number | undefined): Currency[K] | undefined;
-    addItems(newItems: Currency[]): void;
 };
-export declare function getCurrencyStore(): ConfigStore<Currency>;

package/dist/state/currency.svelte.js

@@ -1,6 +1,18 @@
 import { createConfigStore, } from "./createConfigStore.svelte";
 import { getContext } from "svelte";
 import { RUNE_LAB_CONTEXT } from "./context";
+import { registerCurrency } from "rune-lab/core";
+/**
+ * Helper to build a minimal Dinero definition from Currency metadata.
+ * Assumes base 10 (standard decimal) for auto-registration.
+ */
+function buildDineroDef(meta) {
+    return {
+        code: meta.code,
+        base: 10,
+        exponent: meta.decimals,
+    };
+}
 const CURRENCIES = [
     { code: "USD", symbol: "$", decimals: 2 },
     { code: "EUR", symbol: "€", decimals: 2 },
@@ -33,8 +45,23 @@ export function createCurrencyStore(driverOrOptions) {
         icon: "💰",
         driver: resolvedDriver,
     });
-    // Append custom currencies if provided
+    /**
+     * Extension: Atomic currency registration.
+     * Updates both the Dinero registry (core) and the reactive store (UI).
+     *
+     * @remarks Custom currencies with non-decimal base systems must use
+     * registerCurrency() from @internal/core explicitly before addItems().
+     */
+    function addCurrency(meta, dineroDef) {
+        const def = dineroDef || buildDineroDef(meta);
+        registerCurrency(meta.code, def);
+        store.addItems([meta]);
+    }
+    // Append and auto-register custom currencies if provided
     if (opts.customCurrencies?.length) {
+        for (const c of opts.customCurrencies) {
+            registerCurrency(c.code, buildDineroDef(c));
+        }
         store.addItems(opts.customCurrencies);
     }
     // Set default currency if provided and no persisted value found
@@ -43,7 +70,10 @@ export function createCurrencyStore(driverOrOptions) {
             store.set(opts.defaultCurrency);
         }
     }
-    return store;
+    return {
+        ...store,
+        addCurrency,
+    };
 }
 export function getCurrencyStore() {
     return getContext(RUNE_LAB_CONTEXT.currency);

package/dist/state/index.d.ts

@@ -8,7 +8,7 @@ export { type AppData, AppStore, createAppStore, getAppStore, } from "./app.svel
 export { createLayoutStore, getLayoutStore, LayoutStore, type NavigationItem, type NavigationSection, type WorkspaceItem, } from "./layout.svelte";
 export { ApiStore, type ConnectionState, createApiStore, getApiStore, } from "./api.svelte";
 export { createLanguageStore, getLanguageStore, type Language, } from "./language.svelte";
-export { createCurrencyStore, type Currency, type CurrencyStoreOptions, getCurrencyStore, } from "./currency.svelte";
+export { createCurrencyStore, type Currency, type CurrencyStore, type CurrencyStoreOptions, getCurrencyStore, } from "./currency.svelte";
 export { createToastStore, getToastStore, ToastStore } from "./toast.svelte";
 export { type Command, CommandStore, createCommandStore, getCommandStore, } from "./commands.svelte";
 export { createShortcutStore, getShortcutStore, LAYOUT_SHORTCUTS, type ShortcutEntry, shortcutListener, type ShortcutMeta, ShortcutStore, } from "./shortcuts.svelte";

package/dist/ui/components/Icon.svelte

@@ -14,11 +14,21 @@
     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;
@@ -74,16 +84,25 @@
   });
 </script>
 
-<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 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

@@ -3,6 +3,11 @@ type $$ComponentProps = {
     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>;

package/dist/ui/components/Kyntharil.svelte

@@ -0,0 +1,48 @@
+<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

@@ -0,0 +1,6 @@
+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

@@ -32,7 +32,8 @@
         dictionary?: Record<string, any>;
         locales?: readonly string[];
         onLanguageChange?: (code: string) => void;
-        onThemeChange?: (name: 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 */
@@ -182,6 +183,9 @@
         {#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>
 

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

@@ -14,7 +14,8 @@ export interface RuneLabConfig {
     dictionary?: Record<string, any>;
     locales?: readonly string[];
     onLanguageChange?: (code: string) => void;
-    onThemeChange?: (name: 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) */

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

@@ -1,31 +1,31 @@
-<!--
-  MoneyDisplay — Renders a monetary amount with locale-aware formatting.
-  Uses CurrencyStore + LanguageStore from context for defaults.
-  Zero domain knowledge.
--->
-<script module lang="ts">
-    export interface MoneyDisplayProps {
-        /** Amount in minor units (e.g., 15000 = $150.00 for USD) */
-        amount: number;
-        /** Override currency code (defaults to CurrencyStore.current) */
-        currency?: string;
-        /** Override locale (defaults to LanguageStore.current) */
-        locale?: string;
-        /** Use compact notation (e.g., $150K) */
-        compact?: boolean;
-    }
-</script>
-
 <script lang="ts">
     import { getLanguageStore, getCurrencyStore } from "rune-lab/state";
-    import { formatAmount } from "rune-lab/core";
+    import { formatAmount, toMinorUnit, type ISO4217Code } from "rune-lab/core";
 
     let {
         amount,
+        unit = 'minor',
+        fallback = "—",
         currency,
         locale,
         compact = false,
-    }: MoneyDisplayProps = $props();
+    } = $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();
@@ -38,13 +38,22 @@
         locale ?? (String(languageStore.current) || "en"),
     );
 
-    // M-02 FIX: Derive decimals from the RESOLVED currency, not the store's current
     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 = amount / Math.pow(10, decimals);
+            const majorUnits = Number(minorAmount) / Math.pow(10, decimals);
             return new Intl.NumberFormat(resolvedLocale, {
                 style: "currency",
                 currency: resolvedCurrency,
@@ -52,7 +61,8 @@
                 maximumFractionDigits: 1,
             }).format(majorUnits);
         }
-        return formatAmount(amount, resolvedCurrency, resolvedLocale);
+
+        return formatAmount(minorAmount, resolvedCurrency, resolvedLocale);
     });
 </script>
 

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

@@ -1,13 +1,21 @@
-export interface MoneyDisplayProps {
-    /** Amount in minor units (e.g., 15000 = $150.00 for USD) */
-    amount: number;
+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?: string;
+    currency?: ISO4217Code | string;
     /** Override locale (defaults to LanguageStore.current) */
     locale?: string;
-    /** Use compact notation (e.g., $150K) */
+    /** Use compact notation (e.g., $1.2M) */
     compact?: boolean;
-}
-declare const MoneyDisplay: import("svelte").Component<MoneyDisplayProps, {}, "">;
+};
+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

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

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

@@ -0,0 +1,74 @@
+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();
+    });
+});

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

@@ -3,19 +3,26 @@
   No floats cross the boundary — values are always integer minor units.
 -->
 <script module lang="ts">
+    import type { ISO4217Code } from "rune-lab/core";
+
     export interface MoneyInputProps {
-        /** Current value in minor units (e.g., 15000 = $150.00) */
-        value?: number;
+        /** Current value 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';
         /** Override currency code (defaults to CurrencyStore.current) */
-        currency?: string;
-        /** Minimum value in minor units */
+        currency?: ISO4217Code | string;
+        /** Minimum value in same units as amount */
         min?: number;
-        /** Maximum value in minor units */
+        /** Maximum value in same units as amount */
         max?: number;
         /** Placeholder text */
         placeholder?: string;
-        /** Fired when the value changes (in minor units) */
-        oninput?: (cents: number) => void;
+        /** Fired when the value changes (unit matches the unit prop) */
+        oninput?: (val: number) => void;
         /** Input disabled state */
         disabled?: boolean;
     }
@@ -23,9 +30,11 @@
 
 <script lang="ts">
     import { getCurrencyStore } from "rune-lab/state";
+    import { toMinorUnit } from "rune-lab/core";
 
     let {
-        value = 0,
+        amount = $bindable(0),
+        unit = 'minor',
         currency,
         min,
         max,
@@ -40,22 +49,22 @@
         currency ?? String(currencyStore.current),
     );
 
-    // M-02 parallel: derive symbol/decimals from resolved currency, not store current
     const currencyMeta = $derived(currencyStore.get(resolvedCurrency));
     const symbol = $derived(currencyMeta?.symbol ?? "$");
     const decimals = $derived(currencyMeta?.decimals ?? 2);
 
-    // Convert minor units → display string
+    // Convert to minor units internally for consistent arithmetic if needed, 
+    // but here we just need to display it.
     const displayValue = $derived.by(() => {
-        if (decimals === 0) return String(value);
+        const val = amount ?? 0;
+        if (unit === 'major') {
+            return Number(val).toFixed(decimals);
+        }
+        if (decimals === 0) return String(val);
         const divisor = Math.pow(10, decimals);
-        return (value / divisor).toFixed(decimals);
+        return (Number(val) / divisor).toFixed(decimals);
     });
 
-    /**
-     * M-03 FIX: Parse user input to minor units using string-based integer parsing
-     * to avoid floating-point precision traps (e.g., 1.005 * 100 = 100.49999...)
-     */
     function handleInput(e: Event) {
         const target = e.target as HTMLInputElement;
         const raw = target.value.replace(/[^0-9.,-]/g, "");
@@ -77,11 +86,27 @@
         let cents = parseInt(combined, 10);
         if (isNaN(cents)) return;
 
-        if (min !== undefined) cents = Math.max(cents, min);
-        if (max !== undefined) cents = Math.min(cents, max);
-
-        value = cents;
-        oninput?.(cents);
+        // Apply constraints in minor units
+        let finalCents = cents;
+        
+        if (unit === 'major') {
+            // If we are working in major units, we need to convert min/max to cents for comparison
+            const minCents = min !== undefined ? toMinorUnit(min, resolvedCurrency) : undefined;
+            const maxCents = max !== undefined ? toMinorUnit(max, resolvedCurrency) : undefined;
+            
+            if (minCents !== undefined) finalCents = Math.max(finalCents, minCents);
+            if (maxCents !== undefined) finalCents = Math.min(finalCents, maxCents);
+            
+            const majorValue = finalCents / Math.pow(10, decimals);
+            amount = majorValue;
+            oninput?.(majorValue);
+        } else {
+            if (min !== undefined) finalCents = Math.max(finalCents, min);
+            if (max !== undefined) finalCents = Math.min(finalCents, max);
+            
+            amount = finalCents;
+            oninput?.(finalCents);
+        }
     }
 </script>
 

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

@@ -1,19 +1,25 @@
+import type { ISO4217Code } from "rune-lab/core";
 export interface MoneyInputProps {
-    /** Current value in minor units (e.g., 15000 = $150.00) */
-    value?: number;
+    /** Current value 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';
     /** Override currency code (defaults to CurrencyStore.current) */
-    currency?: string;
-    /** Minimum value in minor units */
+    currency?: ISO4217Code | string;
+    /** Minimum value in same units as amount */
     min?: number;
-    /** Maximum value in minor units */
+    /** Maximum value in same units as amount */
     max?: number;
     /** Placeholder text */
     placeholder?: string;
-    /** Fired when the value changes (in minor units) */
-    oninput?: (cents: number) => void;
+    /** Fired when the value changes (unit matches the unit prop) */
+    oninput?: (val: number) => void;
     /** Input disabled state */
     disabled?: boolean;
 }
-declare const MoneyInput: import("svelte").Component<MoneyInputProps, {}, "">;
+declare const MoneyInput: import("svelte").Component<MoneyInputProps, {}, "amount">;
 type MoneyInput = ReturnType<typeof MoneyInput>;
 export default MoneyInput;

package/dist/ui/index.d.ts

@@ -3,6 +3,7 @@ export { default as RuneProvider } from "./components/RuneProvider.svelte";
 export { default as Icon } from "./components/Icon.svelte";
 export { default as Toaster } from "./components/Toaster.svelte";
 export { default as ApiMonitor } from "./components/ApiMonitor.svelte";
+export { default as Kyntharil } from "./components/Kyntharil.svelte";
 export { default as CommandPalette } from "./features/command-palette/CommandPalette.svelte";
 export { default as ShortcutPalette } from "./features/shortcuts/ShortcutPalette.svelte";
 export { default as AppSettingSelector } from "./features/config/AppSettingSelector.svelte";

package/dist/ui/index.js

@@ -6,6 +6,7 @@ export { default as RuneProvider } from "./components/RuneProvider.svelte";
 export { default as Icon } from "./components/Icon.svelte";
 export { default as Toaster } from "./components/Toaster.svelte";
 export { default as ApiMonitor } from "./components/ApiMonitor.svelte";
+export { default as Kyntharil } from "./components/Kyntharil.svelte";
 // ── Features ──────────────────────────────────────────────────────────────────
 export { default as CommandPalette } from "./features/command-palette/CommandPalette.svelte";
 export { default as ShortcutPalette } from "./features/shortcuts/ShortcutPalette.svelte";

package/dist/ui/layout/WorkspaceLayout.svelte

@@ -80,6 +80,17 @@
     onMount(() => {
         layoutStore.init({ namespace });
 
+        // Apply global scroll lock while WorkspaceLayout is mounted
+        const originalHtmlOverflow = document.documentElement.style.overflow;
+        const originalBodyOverflow = document.body.style.overflow;
+        const originalHtmlHeight = document.documentElement.style.height;
+        const originalBodyHeight = document.body.style.height;
+
+        document.documentElement.style.overflow = "hidden";
+        document.body.style.overflow = "hidden";
+        document.documentElement.style.height = "100%";
+        document.body.style.height = "100%";
+
         // Register default layout shortcuts
         const shortcuts = [
             {
@@ -103,6 +114,12 @@
         }
 
         return () => {
+            // Restore original styles
+            document.documentElement.style.overflow = originalHtmlOverflow;
+            document.body.style.overflow = originalBodyOverflow;
+            document.documentElement.style.height = originalHtmlHeight;
+            document.body.style.height = originalBodyHeight;
+
             shortcutStore.unregister(LAYOUT_SHORTCUTS.TOGGLE_NAV.id);
             shortcutStore.unregister(LAYOUT_SHORTCUTS.TOGGLE_DETAIL.id);
         };
@@ -203,16 +220,6 @@
 </div>
 
 <style>
-    /* Global lock for entire screen, relying on WorkspaceLayout scroll areas */
-    :global(html),
-    :global(body) {
-        overflow: hidden;
-        height: 100%;
-        width: 100%;
-        margin: 0;
-        padding: 0;
-    }
-
     :global(.rl-layout) {
         --rl-strip-width: 72px;
         --rl-nav-width: 240px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rune-lab",
-  "version": "0.2.3",
+  "version": "0.3.1",
   "description": "Modern toolkit for Svelte 5 Runes applications.",
   "type": "module",
   "license": "MIT",
@@ -43,38 +43,40 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "svelte": "^5.53.7",
-    "tailwindcss": "^4.2.1",
-    "daisyui": "^5.5.19"
+    "svelte": "^5.54.1",
+    "tailwindcss": "^4.2.2",
+    "daisyui": "^5.5.19",
+    "dinero.js": "npm:dinero.js@^2.0.2",
+    "better-auth": "^1.5.5"
   },
   "peerDependenciesMeta": {
     "better-auth": {
       "optional": true
-    },
-    "dinero.js": {
-      "optional": true
     }
   },
   "dependencies": {
-    "hotkeys-js": "npm:hotkeys-js@^4.0.2",
-    "better-auth": "^1.5.2",
-    "dinero.js": "npm:dinero.js@^2.0.0"
+    "gwa": "^0.0.1",
+    "hotkeys-js": "npm:hotkeys-js@^4.0.2"
   },
   "devDependencies": {
-    "@inlang/paraglide-js": "npm:@inlang/paraglide-js@^2.13.1",
+    "@inlang/paraglide-js": "npm:@inlang/paraglide-js@^2.15.1",
+    "@internal/core": "0.2.0",
+    "@internal/state": "0.2.0",
+    "@internal/ui": "0.2.0",
     "@sveltejs/adapter-static": "npm:@sveltejs/adapter-static@^3.0.10",
-    "@sveltejs/kit": "npm:@sveltejs/kit@^2.53.4",
-    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^7.0.0",
+    "@sveltejs/kit": "npm:@sveltejs/kit@^2.55.0",
     "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^7.0.0",
     "@tailwindcss/forms": "npm:@tailwindcss/forms@^0.5.11",
     "@tailwindcss/typography": "npm:@tailwindcss/typography@^0.5.19",
-    "@tailwindcss/vite": "npm:@tailwindcss/vite@^4.2.1",
-    "svelte-check": "npm:svelte-check@^4.4.4",
-    "typescript": "npm:typescript@^5.9.3",
-    "vite": "npm:vite@^7.3.1",
+    "@tailwindcss/vite": "npm:@tailwindcss/vite@^4.2.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.3.1",
+    "jsdom": "^29.0.1",
     "publint": "^0.3.18",
-    "@internal/core": "0.2.0",
-    "@internal/state": "0.2.0",
-    "@internal/ui": "0.2.0"
+    "svelte-check": "npm:svelte-check@^4.4.5",
+    "typescript": "npm:typescript@^5.9.3",
+    "vite": "npm:vite@^8.0.1",
+    "vitest": "^4.1.0"
   }
 }