fix: accordion focus sync

Author: segunadebayo

.changeset/ready-falcons-buy.md

@@ -0,0 +1,5 @@
+---
+"@zag-js/accordion": patch
+---
+
+Fix issue in Safari where clicking triggers doesn't show the content as expected.

packages/machines/accordion/src/accordion.connect.ts

@@ -105,10 +105,8 @@ export function connect<T extends PropTypes>(
         "data-state": itemState.expanded ? "open" : "closed",
         "data-ownedby": dom.getRootId(scope),
         onFocus() {
-          queueMicrotask(() => {
-            if (itemState.disabled) return
-            send({ type: "TRIGGER.FOCUS", value })
-          })
+          if (itemState.disabled) return
+          send({ type: "TRIGGER.FOCUS", value })
         },
         onBlur() {
           if (itemState.disabled) return

packages/machines/accordion/src/accordion.machine.ts

@@ -24,6 +24,7 @@ export const machine = createMachine<AccordionSchema>({
     return {
       focusedValue: bindable<string | null>(() => ({
         defaultValue: null,
+        sync: true,
         onChange(value) {
           prop("onFocusChange")?.({ value })
         },