From 932ba0b259d479ce897fa240a1bf2b2efd92e918 Mon Sep 17 00:00:00 2001
From: daylily <xy.r@outlook.com>
Date: Thu, 3 Apr 2025 02:34:03 -0400
Subject: [PATCH] Pass aria-labelledby to the correct component in sliders

---
 src/lib/components/ui/slider/slider.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/lib/components/ui/slider/slider.svelte b/src/lib/components/ui/slider/slider.svelte
index 6537087..f930326 100644
--- a/src/lib/components/ui/slider/slider.svelte
+++ b/src/lib/components/ui/slider/slider.svelte
@@ -7,6 +7,7 @@
     value = $bindable(),
     orientation = 'horizontal',
     class: className,
+    'aria-labelledby': ariaLabelledby,
     ...restProps
   }: WithoutChildrenOrChild<SliderPrimitive.RootProps> = $props()
 </script>
@@ -38,6 +39,7 @@ get along, so we shut typescript up by casting `value` to `never`.
       <SliderPrimitive.Thumb
         index={thumb}
         class="border-primary bg-background ring-offset-background focus-visible:ring-ring block size-5 rounded-full border-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+        aria-labelledby={ariaLabelledby}
       />
     {/each}
   {/snippet}