action select: patch weird focus issue, add value helper field

src/lib/Button.svelte

@@ -8,6 +8,7 @@
 		animate?: boolean;
 		loading?: boolean;
 		class?: ClassValue | null | undefined;
+		ref?: HTMLButtonElement | null;
 		children: Snippet;
 		onclick?: MouseEventHandler<HTMLButtonElement>;
 	}
@@ -17,6 +18,7 @@
 		animate = true,
 		loading,
 		class: classValue,
+		ref = $bindable<HTMLButtonElement | null>(null),
 		children,
 		onclick,
 		...others
@@ -70,6 +72,7 @@
 </script>
 
 <button
+	bind:this={ref}
 	class={[
 		'button group relative flex gap-3 overflow-hidden rounded-sm px-5',
 		'text-sui-background cursor-pointer py-3 font-medium transition-colors',