@jelinek/ui 0.9.2 → 0.9.4

package/dist/components/SiteHeader.svelte

@@ -232,6 +232,17 @@
 		menuOpen = false;
 	}
 
+	// A tapped link in the drawer navigates away. In a SvelteKit app that is a
+	// client-side navigation: this component stays mounted and, without this,
+	// the drawer would stay open over the new page (the dismissal below ignores
+	// pointerdowns inside linksEl on purpose, so taps on the accordion work).
+	// One delegated listener covers items, chapters and `actions` links alike.
+	// A modifier click opens a new tab and leaves this page as it was.
+	function onDrawerClick(event: MouseEvent) {
+		if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+		if ((event.target as Element | null)?.closest('a[href]')) closeMenu();
+	}
+
 	// Dismissal, matching assets/js/jelinek.js's own initHeaderMenu().
 	// `pointerdown`, not `click`: iOS Safari does not propagate a click from an
 	// element that is not itself clickable up to `document`, so a tap on body
@@ -901,7 +912,9 @@
 		<!-- The phone drawer. A SIBLING of the glass bar, not a child — see
 		     DRAWER's comment for the measurement that forced that. Hidden from
 		     640px up, so only one of the two navs is ever in the a11y tree. -->
-		<nav id={panelId} bind:this={linksEl} class={drawer} aria-label={navLabel}>
+		<!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_noninteractive_element_interactions
+		     (delegated: the clicks come from the links inside, which are keyboard-operable themselves) -->
+		<nav id={panelId} bind:this={linksEl} class={drawer} aria-label={navLabel} onclick={onDrawerClick}>
 			<div class={DRAWER_HEAD}>
 				<span class={DRAWER_LABEL}>Menu</span>
 				<button type="button" class={DRAWER_CLOSE} aria-label={menuLabelClose} onclick={closeMenu}>

package/dist/theme/base.css

@@ -279,6 +279,14 @@
 	   right after the content. */
 	main {
 		flex: 1 0 auto;
+		/* Kit-only addition (the guide's own <main> is never centred). Consumer
+		   shells centre <main> with `mx-auto max-w-*`; auto margins on a flex
+		   item switch off the cross-axis stretch, so without an explicit width
+		   <main> is sized by its content and its min-content width — a nowrap
+		   Tabs row, a truncated line — pushes the page wider than the phone
+		   screen (zlepsovaky, 24. 9. 2026). `width: 100%` keeps <main> at the
+		   body width and lets `max-w-*` + `mx-auto` clamp and centre it. */
+		width: 100%;
 	}
 
 	/* Headings — modular scale (see --stepN in theme.css); only size/line-height

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jelinek/ui",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "description": "JELÍNEK Svelte 5 component kit, generated from the brand guide",
   "license": "UNLICENSED",
   "type": "module",
@@ -80,6 +80,6 @@
     "tailwindcss": "^4.3.1",
     "typescript": "^5.7.2",
     "vite": "^6.0.7",
-    "vitest": "^3.2.7"
+    "vitest": "^4.1.11"
   }
 }