@placeholderco/placeholder-ui 2.6.1 → 2.6.3

package/dist/form/Number.svelte

@@ -45,6 +45,10 @@
 		errorText?: string;
 		/** Position of the tooltip */
 		tooltipLocation?: 'top' | 'bottom' | 'left' | 'right';
+		/** Rich tooltip content using a Svelte snippet */
+		tooltipContent?: Snippet;
+		/** Tooltip text on hover */
+		tooltipText?: string;
 		/** Minimum allowed value */
 		min?: number;
 		/** Maximum allowed value */
@@ -93,6 +97,8 @@
 		showError = false,
 		errorText = '',
 		tooltipLocation = 'top',
+		tooltipContent = undefined,
+		tooltipText = undefined,
 		min = undefined,
 		max = undefined,
 		step = undefined,
@@ -152,7 +158,15 @@
 </script>
 
 <div class="number-container {containerClass}">
-	<FormGroup {label} {required} {id} class={groupClass} {tooltipLocation}>
+	<FormGroup
+		{label}
+		{required}
+		{id}
+		class={groupClass}
+		{tooltipLocation}
+		{tooltipContent}
+		{tooltipText}
+	>
 		<div class="number-input">
 			<!-- svelte-ignore a11y_autofocus -->
 			<input

package/dist/form/Number.svelte.d.ts

@@ -38,6 +38,10 @@ export interface NumberProps {
     errorText?: string;
     /** Position of the tooltip */
     tooltipLocation?: 'top' | 'bottom' | 'left' | 'right';
+    /** Rich tooltip content using a Svelte snippet */
+    tooltipContent?: Snippet;
+    /** Tooltip text on hover */
+    tooltipText?: string;
     /** Minimum allowed value */
     min?: number;
     /** Maximum allowed value */

package/dist/form/SegmentedControl.svelte

@@ -33,11 +33,27 @@
 	// Calculate selected index for background positioning using derived state
 	const selectedIndex = $derived(options.findIndex((option) => option.value === value));
 
+	// Pending timers, cleared on destroy so they never read state after the component is gone
+	const pendingTimers = new Set<ReturnType<typeof setTimeout>>();
+
+	function scheduleRecalculate(delay: number) {
+		const id = setTimeout(() => {
+			pendingTimers.delete(id);
+			recalculateBackground();
+		}, delay);
+		pendingTimers.add(id);
+	}
+
 	onMount(() => {
 		// recalculate 10 times on startup to ensure background is positioned correctly
 		for (let i = 0; i < 10; i++) {
-			setTimeout(() => recalculateBackground(), 100 * i);
+			scheduleRecalculate(100 * i);
 		}
+
+		return () => {
+			for (const id of pendingTimers) clearTimeout(id);
+			pendingTimers.clear();
+		};
 	});
 
 	// Update background position and size based on selected element
@@ -60,7 +76,7 @@
 	 */
 	export function recalculateBackground(delay?: number) {
 		if (delay) {
-			setTimeout(() => recalculateBackground(), delay);
+			scheduleRecalculate(delay);
 			return;
 		}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@placeholderco/placeholder-ui",
-  "version": "2.6.1",
+  "version": "2.6.3",
   "description": "A modern, customizable Svelte 5 UI component library with comprehensive theming support. Re-brand it with a single config object.",
   "license": "MIT",
   "author": "Placeholderco",