@bimetal/toast-svelte-components 0.35.0 → 0.36.0

package/dist/ToastViewport.svelte

@@ -45,10 +45,20 @@
   data-theme={darkMode ? 'dark' : undefined}
   onmouseenter={pauseOnHover ? () => controller.pause() : undefined}
   onmouseleave={pauseOnHover ? () => controller.resume() : undefined}
+  onfocusin={pauseOnHover ? () => controller.pause() : undefined}
+  onfocusout={pauseOnHover ? (e) => {
+    // Focus move WITHIN the viewport is not a leave (mcp-63 R1).
+    if (e.relatedTarget instanceof Node && (e.currentTarget as HTMLElement).contains(e.relatedTarget)) return;
+    controller.resume();
+  } : undefined}
 >
   {#each snap.toasts as t (t.id)}
     <div class={`bm-toast bm-toast--${t.variant}`} role={ROLE[t.variant]} aria-live={LIVE[t.variant]}>
       <span class="bm-toast__message">{t.message}</span>
+      {#if t.action}
+        <!-- mcp-63: inline action — the controller owns consume-on-action. -->
+        <button type="button" class="bm-toast__action" onclick={() => controller.invokeAction(t.id)}>{t.action.label}</button>
+      {/if}
       {#if t.dismissible}
         <button type="button" class="bm-toast__close" aria-label={config.locale.close} onclick={() => controller.dismiss(t.id)}>×</button>
       {/if}

package/dist/ToastViewport.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastViewport.svelte.d.ts","sourceRoot":"","sources":["../src/ToastViewport.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAyC,MAAM,yBAAyB,CAAC;AAErG,KAAK,gBAAgB,GAAI;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAqDJ,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ToastViewport.svelte.d.ts","sourceRoot":"","sources":["../src/ToastViewport.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAyC,MAAM,yBAAyB,CAAC;AAErG,KAAK,gBAAgB,GAAI;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA6DJ,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/styles/index.css.d.ts

@@ -0,0 +1,3 @@
+// Generated by scripts/generate-css-stubs.mjs — DO NOT EDIT.
+// Type-stub for side-effect CSS import (TS moduleResolution: nodenext/bundler).
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bimetal/toast-svelte-components",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "description": "Default Svelte 5 toast viewport — canonical .bm-toast* render layer over the headless controller: queue, auto-dismiss, pause-on-hover, variants, positioning, a11y. Bound-only (the app owns the controller it pushes to).",
   "type": "module",
   "svelte": "./dist/index.js",
@@ -12,7 +12,10 @@
       "svelte": "./dist/index.js",
       "import": "./dist/index.js"
     },
-    "./styles": "./dist/styles/index.css"
+    "./styles": {
+      "types": "./dist/styles/index.css.d.ts",
+      "default": "./dist/styles/index.css"
+    }
   },
   "files": [
     "dist",
@@ -20,23 +23,23 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "svelte-package -i src -o dist && node scripts/copy-css.mjs",
+    "build": "svelte-package -i src -o dist && node scripts/copy-css.mjs && node ../../../scripts/generate-css-stubs.mjs",
     "dev": "svelte-package -i src -o dist --watch",
-    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.test.json",
     "test": "vitest run",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@bimetal/svelte": "^0.35.0",
-    "@bimetal/toast-headless": "^0.35.0",
-    "@bimetal/toast-themes": "^0.35.0"
+    "@bimetal/svelte": "^0.36.0",
+    "@bimetal/toast-headless": "^0.36.0",
+    "@bimetal/toast-themes": "^0.36.0"
   },
   "peerDependencies": {
     "svelte": "^5.46.4"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.0",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@testing-library/svelte": "^5.2.7",
     "happy-dom": "^18.0.1",
     "svelte": "^5.46.4",