From 8bb8790910bcf10ff597306c1d191339b7970f8d Mon Sep 17 00:00:00 2001
From: Kyle Pollard <kylejrp@gmail.com>
Date: Mon, 8 Dec 2025 13:44:33 -0800
Subject: [PATCH] Update NavigationTitle.svelte to support aria-owns

---
 .../src/components/Navigation/NavigationTitle.svelte      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte b/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte
index 782c3dc4fb..98eb3f39cd 100644
--- a/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte
+++ b/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte
@@ -9,12 +9,16 @@
          * Additional CSS classes added to the element
          */
         class?: string;
+        /**
+         * IDs corresponding to NavigationItems this NavigationTitle controls
+         */
+        ariaOwns?: string;
         /**
          * Optional content rendered at the end of the navigation title.
          */
         trailing?: Snippet;
     }
-    let { title, class: className = "", trailing }: Props = $props();
+    let { title, class: className = "", 'aria-owns': ariaOwns, trailing }: Props = $props();
     const getClasses = (className: string) => {
         const base = "s-navigation--title";
         let classes = "d-flex jc-space-between " + base;
@@ -26,7 +30,7 @@
     const classes = $derived(getClasses(className));
 </script>
 
-<li class={classes} role="separator">
+<li class={classes} aria-owns={ariaOwns} role="separator">
     {title}
     {@render trailing?.()}
 </li>