@loidolt/theme-svelte 0.3.0 → 0.4.0

package/dist/toaster.svelte.js

@@ -1,3 +1,4 @@
+import { onDestroy } from 'svelte';
 /**
  * Queue behind `Toast` / `ToastViewport`: auto-dismiss with the remaining time preserved
  * across `pause()`/`resume()`, so hovering a toast does not lose the countdown.
@@ -13,6 +14,13 @@
  */
 export function createToaster(options = {}) {
     const { duration: defaultDuration = 5000, max = 5 } = options;
+    if (!Number.isInteger(max) || max < 1) {
+        throw new RangeError('createToaster: `max` must be a positive integer');
+    }
+    const validDuration = (duration) => duration === Infinity || (Number.isFinite(duration) && duration >= 0);
+    if (!validDuration(defaultDuration)) {
+        throw new RangeError('createToaster: `duration` must be non-negative or Infinity');
+    }
     const toasts = $state([]);
     // Plain Map on purpose: these are timer handles, not UI state, and nothing renders from them.
     // `startedAt` lives per entry: toasts are pushed at different moments, so a shared start
@@ -44,17 +52,36 @@ export function createToaster(options = {}) {
             toasts.splice(index, 1);
     }
     function push(toast) {
+        const duration = toast.duration ?? defaultDuration;
+        if (!validDuration(duration)) {
+            throw new RangeError('createToaster: toast `duration` must be non-negative or Infinity');
+        }
         const id = `ldt-toast-${++counter}`;
         toasts.push({ ...toast, id });
         while (toasts.length > max)
             dismiss(toasts[0].id);
         if (!paused)
-            arm(id, toast.duration ?? defaultDuration);
+            arm(id, duration);
         else {
-            timers.set(id, { timeout: null, remaining: toast.duration ?? defaultDuration, startedAt: 0 });
+            timers.set(id, { timeout: null, remaining: duration, startedAt: 0 });
         }
         return id;
     }
+    const destroy = () => {
+        for (const timer of timers.values()) {
+            if (timer.timeout !== null)
+                clearTimeout(timer.timeout);
+        }
+        timers.clear();
+        toasts.splice(0);
+        paused = false;
+    };
+    try {
+        onDestroy(destroy);
+    }
+    catch {
+        /* module scope: the caller owns `destroy()` */
+    }
     return {
         get toasts() {
             return toasts;
@@ -92,5 +119,6 @@ export function createToaster(options = {}) {
                 arm(id, timer.remaining);
             }
         },
+        destroy,
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loidolt/theme-svelte",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Accessible Svelte 5 components for Loidolt applications",
   "license": "MIT",
   "type": "module",
@@ -21,32 +21,33 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "engines": {
-    "node": ">=22"
-  },
   "scripts": {
     "build": "svelte-package -i src/lib -o dist && cp src/styles.css dist/styles.css",
     "prepack": "npm run build",
     "typecheck": "svelte-check --tsconfig ./tsconfig.json",
     "test": "vitest run && vitest run --config vitest.config.ssr.ts",
+    "test:coverage": "vitest run --coverage",
     "test:a11y": "vitest run tests/a11y.test.ts",
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@loidolt/theme-styles": "^0.3.0",
-    "@loidolt/theme-tokens": "^0.3.0",
+    "@loidolt/theme-styles": "^0.4.0",
+    "@loidolt/theme-tokens": "^0.4.0",
     "bits-ui": "^2.19.0"
   },
   "peerDependencies": {
     "svelte": "^5.33.0"
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.13.0",
+    "@playwright/test": "^1.62.1",
     "@sveltejs/package": "^2.5.8",
-    "@types/node": "^24.3.0",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/svelte": "^5.2.8",
     "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.3.0",
+    "@vitest/coverage-v8": "^4.1.11",
     "jsdom": "^27.0.0",
     "rimraf": "^6.0.1",
     "svelte": "^5.56.10",