@r2digisolutions/components 0.17.3 → 0.17.5

package/dist/components/organisms/AssistantChat/AssistantChat.svelte

@@ -28,6 +28,8 @@
 		placeholder?: string;
 		emptyHint?: string;
 		suggestions?: string[];
+		/** Chips shown under the conversation (after the user has messages). */
+		followUpSuggestions?: string[];
 		messages?: AssistantMessage[];
 		draft?: string;
 		loading?: boolean;
@@ -66,6 +68,7 @@
 		placeholder = 'Escribe un mensaje…',
 		emptyHint = '¿En qué puedo ayudarte?',
 		suggestions = [],
+		followUpSuggestions = [],
 		messages = [],
 		draft = $bindable(''),
 		loading = false,
@@ -309,6 +312,20 @@
 						</div>
 					</div>
 				{/if}
+
+				{#if !loading && followUpSuggestions.length}
+					<div class="ml-8 gap-2 flex flex-wrap">
+						{#each followUpSuggestions as suggestion (suggestion)}
+							<button
+								type="button"
+								class="border-border bg-surface px-3 py-1.5 text-xs text-secondary hover:border-brand-400 hover:text-brand-600 dark:hover:text-brand-400 rounded-full border transition-colors"
+								onclick={() => handleSuggestion(suggestion)}
+							>
+								{suggestion}
+							</button>
+						{/each}
+					</div>
+				{/if}
 			</div>
 		{/if}
 	</div>

package/dist/components/organisms/AssistantChat/AssistantChat.svelte.d.ts

@@ -11,6 +11,8 @@ interface AssistantChatProps {
     placeholder?: string;
     emptyHint?: string;
     suggestions?: string[];
+    /** Chips shown under the conversation (after the user has messages). */
+    followUpSuggestions?: string[];
     messages?: AssistantMessage[];
     draft?: string;
     loading?: boolean;

package/dist/components/organisms/Dialog/Dialog.svelte

@@ -198,14 +198,10 @@
 	function handleBackdropClick(event: MouseEvent) {
 		if (!dialogEl) return;
 		if (Date.now() < suppressBackdropUntil) return;
-		const rect = dialogEl.getBoundingClientRect();
-		const clickedInDialog =
-			event.clientX >= rect.left &&
-			event.clientX <= rect.right &&
-			event.clientY >= rect.top &&
-			event.clientY <= rect.bottom;
-
-		if (clickedInDialog) return;
+		// Native <dialog>: only the dialog node itself is the backdrop target.
+		// Children (and Popover API listboxes that extend outside the panel) still
+		// bubble here — ignore those so Select/DatePicker don't close the modal.
+		if (event.target !== dialogEl) return;
 		if (!closeOnBackdrop || confirmLoading) return;
 		close('backdrop');
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@r2digisolutions/components",
-	"version": "0.17.3",
+	"version": "0.17.5",
 	"private": false,
 	"description": "R2DigiSolutions Svelte 5 component library — Atomic Design, Tailwind 4, Light/Dark mode",
 	"license": "MIT",