From 413c84e2933cfc9149c5664abc4575e1d1bc589f Mon Sep 17 00:00:00 2001
From: Chaoscaot <max@maxsp.de>
Date: Tue, 19 May 2026 10:19:23 +0200
Subject: [PATCH] Add pointer cursor styling to interactive UI primitives

- Update buttons, inputs, menus, tabs, sliders, and dialogs to show pointer cursors
- Keep disabled states unchanged
---
 src/components/ui/button/button.svelte                          | 2 +-
 src/components/ui/checkbox/checkbox.svelte                      | 2 +-
 src/components/ui/command/command-item.svelte                   | 2 +-
 src/components/ui/command/command-link-item.svelte              | 2 +-
 .../ui/context-menu/context-menu-checkbox-item.svelte           | 2 +-
 src/components/ui/context-menu/context-menu-item.svelte         | 2 +-
 src/components/ui/context-menu/context-menu-radio-item.svelte   | 2 +-
 src/components/ui/context-menu/context-menu-sub-trigger.svelte  | 2 +-
 src/components/ui/dialog/dialog-content.svelte                  | 2 +-
 .../ui/dropdown-menu/dropdown-menu-checkbox-item.svelte         | 2 +-
 src/components/ui/dropdown-menu/dropdown-menu-item.svelte       | 2 +-
 src/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte | 2 +-
 .../ui/dropdown-menu/dropdown-menu-sub-trigger.svelte           | 2 +-
 src/components/ui/menubar/menubar-checkbox-item.svelte          | 2 +-
 src/components/ui/menubar/menubar-item.svelte                   | 2 +-
 src/components/ui/menubar/menubar-radio-item.svelte             | 2 +-
 src/components/ui/menubar/menubar-sub-trigger.svelte            | 2 +-
 src/components/ui/menubar/menubar-trigger.svelte                | 2 +-
 src/components/ui/radio-group/radio-group-item.svelte           | 2 +-
 src/components/ui/select/select-item.svelte                     | 2 +-
 src/components/ui/select/select-scroll-down-button.svelte       | 2 +-
 src/components/ui/select/select-scroll-up-button.svelte         | 2 +-
 src/components/ui/select/select-trigger.svelte                  | 2 +-
 src/components/ui/sheet/sheet-content.svelte                    | 2 +-
 src/components/ui/slider/slider.svelte                          | 2 +-
 src/components/ui/tabs/tabs-trigger.svelte                      | 2 +-
 src/components/ui/toggle/index.ts                               | 2 +-
 27 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/components/ui/button/button.svelte b/src/components/ui/button/button.svelte
index fd4763a..04f9b72 100644
--- a/src/components/ui/button/button.svelte
+++ b/src/components/ui/button/button.svelte
@@ -4,7 +4,7 @@
 	import { type VariantProps, tv } from "tailwind-variants";
 
 	export const buttonVariants = tv({
-		base: "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+		base: "ring-offset-background focus-visible:ring-ring inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
 		variants: {
 			variant: {
 				default: "bg-primary text-primary-foreground hover:bg-primary/90",
diff --git a/src/components/ui/checkbox/checkbox.svelte b/src/components/ui/checkbox/checkbox.svelte
index 7db6512..dd4923f 100644
--- a/src/components/ui/checkbox/checkbox.svelte
+++ b/src/components/ui/checkbox/checkbox.svelte
@@ -16,7 +16,7 @@
 <CheckboxPrimitive.Root
 	bind:ref
 	class={cn(
-		"border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content size-4 shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+		"border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content size-4 shrink-0 cursor-pointer rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
 		className
 	)}
 	bind:checked
diff --git a/src/components/ui/command/command-item.svelte b/src/components/ui/command/command-item.svelte
index 4516d3f..5f5e0d5 100644
--- a/src/components/ui/command/command-item.svelte
+++ b/src/components/ui/command/command-item.svelte
@@ -11,7 +11,7 @@
 
 <CommandPrimitive.Item
 	class={cn(
-		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
 		className
 	)}
 	bind:ref
diff --git a/src/components/ui/command/command-link-item.svelte b/src/components/ui/command/command-link-item.svelte
index d98afd6..6d01ae3 100644
--- a/src/components/ui/command/command-link-item.svelte
+++ b/src/components/ui/command/command-link-item.svelte
@@ -11,7 +11,7 @@
 
 <CommandPrimitive.LinkItem
 	class={cn(
-		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	bind:ref
diff --git a/src/components/ui/context-menu/context-menu-checkbox-item.svelte b/src/components/ui/context-menu/context-menu-checkbox-item.svelte
index fc6a6ea..ca37ad7 100644
--- a/src/components/ui/context-menu/context-menu-checkbox-item.svelte
+++ b/src/components/ui/context-menu/context-menu-checkbox-item.svelte
@@ -12,7 +12,7 @@
 <ContextMenuPrimitive.CheckboxItem
 	bind:checked
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...$$restProps}
diff --git a/src/components/ui/context-menu/context-menu-item.svelte b/src/components/ui/context-menu/context-menu-item.svelte
index d2c8669..9a8f3e5 100644
--- a/src/components/ui/context-menu/context-menu-item.svelte
+++ b/src/components/ui/context-menu/context-menu-item.svelte
@@ -14,7 +14,7 @@
 
 <ContextMenuPrimitive.Item
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/components/ui/context-menu/context-menu-radio-item.svelte b/src/components/ui/context-menu/context-menu-radio-item.svelte
index 4b6b94a..9c629a6 100644
--- a/src/components/ui/context-menu/context-menu-radio-item.svelte
+++ b/src/components/ui/context-menu/context-menu-radio-item.svelte
@@ -11,7 +11,7 @@
 
 <ContextMenuPrimitive.RadioItem
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{value}
diff --git a/src/components/ui/context-menu/context-menu-sub-trigger.svelte b/src/components/ui/context-menu/context-menu-sub-trigger.svelte
index 7ad9338..8c6e45d 100644
--- a/src/components/ui/context-menu/context-menu-sub-trigger.svelte
+++ b/src/components/ui/context-menu/context-menu-sub-trigger.svelte
@@ -15,7 +15,7 @@
 
 <ContextMenuPrimitive.SubTrigger
 	class={cn(
-		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/components/ui/dialog/dialog-content.svelte b/src/components/ui/dialog/dialog-content.svelte
index 20cab12..5a97fa4 100644
--- a/src/components/ui/dialog/dialog-content.svelte
+++ b/src/components/ui/dialog/dialog-content.svelte
@@ -29,7 +29,7 @@
 	>
 		{@render children?.()}
 		<DialogPrimitive.Close
-			class="ring-offset-background focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
+			class="ring-offset-background focus:ring-ring absolute right-4 top-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
 		>
 			<X class="size-4" />
 			<span class="sr-only">Close</span>
diff --git a/src/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
index fddff91..91ae45c 100644
--- a/src/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/src/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -12,7 +12,7 @@
 <DropdownMenuPrimitive.CheckboxItem
 	bind:checked
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...$$restProps}
diff --git a/src/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/components/ui/dropdown-menu/dropdown-menu-item.svelte
index 36e79fc..5fc57c9 100644
--- a/src/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ b/src/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -14,7 +14,7 @@
 
 <DropdownMenuPrimitive.Item
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
index f75bc74..5d6695c 100644
--- a/src/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/src/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -11,7 +11,7 @@
 
 <DropdownMenuPrimitive.RadioItem
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{value}
diff --git a/src/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
index d436bf5..fb951dc 100644
--- a/src/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/src/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -15,7 +15,7 @@
 
 <DropdownMenuPrimitive.SubTrigger
 	class={cn(
-		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/components/ui/menubar/menubar-checkbox-item.svelte b/src/components/ui/menubar/menubar-checkbox-item.svelte
index eeb1776..a09ba53 100644
--- a/src/components/ui/menubar/menubar-checkbox-item.svelte
+++ b/src/components/ui/menubar/menubar-checkbox-item.svelte
@@ -22,7 +22,7 @@
 	bind:checked
 	bind:indeterminate
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...restProps}
diff --git a/src/components/ui/menubar/menubar-item.svelte b/src/components/ui/menubar/menubar-item.svelte
index 5fd8c6c..7b68a9e 100644
--- a/src/components/ui/menubar/menubar-item.svelte
+++ b/src/components/ui/menubar/menubar-item.svelte
@@ -15,7 +15,7 @@
 <MenubarPrimitive.Item
 	bind:ref
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/components/ui/menubar/menubar-radio-item.svelte b/src/components/ui/menubar/menubar-radio-item.svelte
index 4e703d6..544c0ba 100644
--- a/src/components/ui/menubar/menubar-radio-item.svelte
+++ b/src/components/ui/menubar/menubar-radio-item.svelte
@@ -14,7 +14,7 @@
 <MenubarPrimitive.RadioItem
 	bind:ref
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...restProps}
diff --git a/src/components/ui/menubar/menubar-sub-trigger.svelte b/src/components/ui/menubar/menubar-sub-trigger.svelte
index ea91d72..c83e136 100644
--- a/src/components/ui/menubar/menubar-sub-trigger.svelte
+++ b/src/components/ui/menubar/menubar-sub-trigger.svelte
@@ -17,7 +17,7 @@
 <MenubarPrimitive.SubTrigger
 	bind:ref
 	class={cn(
-		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/components/ui/menubar/menubar-trigger.svelte b/src/components/ui/menubar/menubar-trigger.svelte
index d9fde5c..ee9cbfa 100644
--- a/src/components/ui/menubar/menubar-trigger.svelte
+++ b/src/components/ui/menubar/menubar-trigger.svelte
@@ -12,7 +12,7 @@
 <MenubarPrimitive.Trigger
 	bind:ref
 	class={cn(
-		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none",
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none",
 		className
 	)}
 	{...restProps}
diff --git a/src/components/ui/radio-group/radio-group-item.svelte b/src/components/ui/radio-group/radio-group-item.svelte
index ba24c7e..c029e51 100644
--- a/src/components/ui/radio-group/radio-group-item.svelte
+++ b/src/components/ui/radio-group/radio-group-item.svelte
@@ -14,7 +14,7 @@
 <RadioGroupPrimitive.Item
 	{value}
 	class={cn(
-		"border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		"border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 cursor-pointer rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	{...$$restProps}
diff --git a/src/components/ui/select/select-item.svelte b/src/components/ui/select/select-item.svelte
index 296009d..fd9b918 100644
--- a/src/components/ui/select/select-item.svelte
+++ b/src/components/ui/select/select-item.svelte
@@ -17,7 +17,7 @@
 	bind:ref
 	{value}
 	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...restProps}
diff --git a/src/components/ui/select/select-scroll-down-button.svelte b/src/components/ui/select/select-scroll-down-button.svelte
index b57f587..bd0aa56 100644
--- a/src/components/ui/select/select-scroll-down-button.svelte
+++ b/src/components/ui/select/select-scroll-down-button.svelte
@@ -12,7 +12,7 @@
 
 <SelectPrimitive.ScrollDownButton
 	bind:ref
-	class={cn("flex cursor-default items-center justify-center py-1", className)}
+	class={cn("flex cursor-pointer items-center justify-center py-1", className)}
 	{...restProps}
 >
 	<ChevronDown class="size-4" />
diff --git a/src/components/ui/select/select-scroll-up-button.svelte b/src/components/ui/select/select-scroll-up-button.svelte
index fa4e377..7ba3d6e 100644
--- a/src/components/ui/select/select-scroll-up-button.svelte
+++ b/src/components/ui/select/select-scroll-up-button.svelte
@@ -12,7 +12,7 @@
 
 <SelectPrimitive.ScrollUpButton
 	bind:ref
-	class={cn("flex cursor-default items-center justify-center py-1", className)}
+	class={cn("flex cursor-pointer items-center justify-center py-1", className)}
 	{...restProps}
 >
 	<ChevronUp class="size-4" />
diff --git a/src/components/ui/select/select-trigger.svelte b/src/components/ui/select/select-trigger.svelte
index fbed967..7d14696 100644
--- a/src/components/ui/select/select-trigger.svelte
+++ b/src/components/ui/select/select-trigger.svelte
@@ -14,7 +14,7 @@
 <SelectPrimitive.Trigger
 	bind:ref
 	class={cn(
-		"border-input bg-background ring-offset-background data-[placeholder]:text-muted-foreground focus:ring-ring flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+		"border-input bg-background ring-offset-background data-[placeholder]:text-muted-foreground focus:ring-ring flex h-10 w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
 		className
 	)}
 	{...restProps}
diff --git a/src/components/ui/sheet/sheet-content.svelte b/src/components/ui/sheet/sheet-content.svelte
index 84641ed..323b268 100644
--- a/src/components/ui/sheet/sheet-content.svelte
+++ b/src/components/ui/sheet/sheet-content.svelte
@@ -44,7 +44,7 @@
 	<SheetPrimitive.Content bind:ref class={cn(sheetVariants({ side }), className)} {...restProps}>
 		{@render children?.()}
 		<SheetPrimitive.Close
-			class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
+			class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
 		>
 			<X class="size-4" />
 			<span class="sr-only">Close</span>
diff --git a/src/components/ui/slider/slider.svelte b/src/components/ui/slider/slider.svelte
index 6e155dc..9b2b2eb 100644
--- a/src/components/ui/slider/slider.svelte
+++ b/src/components/ui/slider/slider.svelte
@@ -37,7 +37,7 @@ get along, so we shut typescript up by casting `value` to `never`.
 		{#each thumbs as thumb}
 			<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"
+				class="border-primary bg-background ring-offset-background focus-visible:ring-ring block size-5 cursor-pointer 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"
 			/>
 		{/each}
 	{/snippet}
diff --git a/src/components/ui/tabs/tabs-trigger.svelte b/src/components/ui/tabs/tabs-trigger.svelte
index edee943..c76bb78 100644
--- a/src/components/ui/tabs/tabs-trigger.svelte
+++ b/src/components/ui/tabs/tabs-trigger.svelte
@@ -12,7 +12,7 @@
 
 <TabsPrimitive.Trigger
 	class={cn(
-		"ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
+		"ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
 		className
 	)}
 	{value}
diff --git a/src/components/ui/toggle/index.ts b/src/components/ui/toggle/index.ts
index b5c22a2..0745755 100644
--- a/src/components/ui/toggle/index.ts
+++ b/src/components/ui/toggle/index.ts
@@ -2,7 +2,7 @@ import { type VariantProps, tv } from "tailwind-variants";
 import Root from "./toggle.svelte";
 
 export const toggleVariants = tv({
-	base: "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+	base: "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex cursor-pointer items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 	variants: {
 		variant: {
 			default: "bg-transparent",