fix(svelte): value text

Author: segunadebayo

packages/svelte/CHANGELOG.md

@@ -14,6 +14,7 @@ description: All notable changes will be documented in this file.
 
 ### Fixed
 
+- **Slider**: Fixed `Slider.ValueText` not displaying default value when no children provided
 - **Combobox**:
   - Fixed focus stealing in controlled open mode
   - Removed problematic `aria-hidden` behavior to allow interaction with other page elements

packages/svelte/src/lib/components/slider/slider-value-text.svelte

@@ -1,7 +1,10 @@
 <script module lang="ts">
+  import type { Snippet } from 'svelte'
   import type { HTMLProps, PolymorphicProps, RefAttribute } from '$lib/types'
 
-  export interface SliderValueTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface SliderValueTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    children?: Snippet
+  }
   export interface SliderValueTextProps extends HTMLProps<'div'>, SliderValueTextBaseProps {}
 </script>
 
@@ -10,9 +13,15 @@
   import { Ark } from '../factory'
   import { useSliderContext } from './use-slider-context'
 
-  let { ref = $bindable(null), ...props }: SliderValueTextProps = $props()
+  let { ref = $bindable(null), children, ...props }: SliderValueTextProps = $props()
   const slider = useSliderContext()
   const mergedProps = $derived(mergeProps(slider().getValueTextProps(), props))
 </script>
 
-<Ark as="div" bind:ref {...mergedProps} />
+<Ark as="div" bind:ref {...mergedProps}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {slider().value.join(', ')}
+  {/if}
+</Ark>