fix: slider disabled

Author: segunadebayo

.changeset/slider-disable-drag-fix.md

@@ -0,0 +1,5 @@
+---
+"@zag-js/slider": patch
+---
+
+Fix issue where slider continues dragging when disabled during drag operation.

packages/machines/slider/src/slider.machine.ts

@@ -101,10 +101,16 @@ export const machine = createMachine<SliderSchema>({
     ),
   },
 
-  watch({ track, action, context }) {
+  watch({ track, action, context, computed, send }) {
     track([() => context.hash("value")], () => {
       action(["syncInputElements", "dispatchChangeEvent"])
     })
+
+    track([() => computed("isDisabled")], () => {
+      if (computed("isDisabled")) {
+        send({ type: "BLUR" })
+      }
+    })
   },
 
   effects: ["trackFormControlState", "trackThumbSize"],
@@ -186,6 +192,10 @@ export const machine = createMachine<SliderSchema>({
         POINTER_MOVE: {
           actions: ["setPointerValue"],
         },
+        BLUR: {
+          target: "idle",
+          actions: ["clearFocusedIndex"],
+        },
       },
     },
   },