@zag-js/combobox 1.12.2 → 1.12.3

package/dist/index.js

@@ -192,10 +192,10 @@ function connect(service, normalize) {
         dir: prop("dir"),
         "aria-invalid": domQuery.ariaAttr(invalid),
         "data-invalid": domQuery.dataAttr(invalid),
+        "data-autofocus": domQuery.dataAttr(prop("autoFocus")),
         name: prop("name"),
         form: prop("form"),
         disabled,
-        autoFocus: prop("autoFocus"),
         required: prop("required"),
         autoComplete: "off",
         autoCorrect: "off",
@@ -467,8 +467,9 @@ function connect(service, normalize) {
     }
   };
 }
-var { and, not } = core.createGuards();
-var machine = core.createMachine({
+var { guards, createMachine, choose } = core.setup();
+var { and, not } = guards;
+var machine = createMachine({
   props({ props: props2 }) {
     return {
       loopFocus: true,
@@ -615,6 +616,12 @@ var machine = core.createMachine({
       actions: ["reposition"]
     }
   },
+  entry: choose([
+    {
+      guard: "autoFocus",
+      actions: ["setInitialFocus"]
+    }
+  ]),
   states: {
     idle: {
       tags: ["idle", "closed"],
@@ -1116,7 +1123,8 @@ var machine = core.createMachine({
         return !!openOnChange?.({ inputValue: context.get("inputValue") });
       },
       restoreFocus: ({ event }) => event.restoreFocus == null ? true : !!event.restoreFocus,
-      isChangeEvent: ({ event }) => event.previousEvent?.type === "INPUT.CHANGE"
+      isChangeEvent: ({ event }) => event.previousEvent?.type === "INPUT.CHANGE",
+      autoFocus: ({ prop }) => !!prop("autoFocus")
     },
     effects: {
       trackDismissableLayer({ send, prop, scope }) {

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { raf, setCaretToEnd, observeAttributes, observeChildren, clickIfLink, sc
 import { getPlacement, getPlacementStyles } from '@zag-js/popper';
 import { match, remove, addOrRemove, isBoolean, isEqual, createSplitProps, ensure } from '@zag-js/utils';
 import { ariaHidden } from '@zag-js/aria-hidden';
-import { createGuards, createMachine } from '@zag-js/core';
+import { setup } from '@zag-js/core';
 import { trackDismissableElement } from '@zag-js/dismissable';
 import { createProps } from '@zag-js/types';
 
@@ -190,10 +190,10 @@ function connect(service, normalize) {
         dir: prop("dir"),
         "aria-invalid": ariaAttr(invalid),
         "data-invalid": dataAttr(invalid),
+        "data-autofocus": dataAttr(prop("autoFocus")),
         name: prop("name"),
         form: prop("form"),
         disabled,
-        autoFocus: prop("autoFocus"),
         required: prop("required"),
         autoComplete: "off",
         autoCorrect: "off",
@@ -465,7 +465,8 @@ function connect(service, normalize) {
     }
   };
 }
-var { and, not } = createGuards();
+var { guards, createMachine, choose } = setup();
+var { and, not } = guards;
 var machine = createMachine({
   props({ props: props2 }) {
     return {
@@ -613,6 +614,12 @@ var machine = createMachine({
       actions: ["reposition"]
     }
   },
+  entry: choose([
+    {
+      guard: "autoFocus",
+      actions: ["setInitialFocus"]
+    }
+  ]),
   states: {
     idle: {
       tags: ["idle", "closed"],
@@ -1114,7 +1121,8 @@ var machine = createMachine({
         return !!openOnChange?.({ inputValue: context.get("inputValue") });
       },
       restoreFocus: ({ event }) => event.restoreFocus == null ? true : !!event.restoreFocus,
-      isChangeEvent: ({ event }) => event.previousEvent?.type === "INPUT.CHANGE"
+      isChangeEvent: ({ event }) => event.previousEvent?.type === "INPUT.CHANGE",
+      autoFocus: ({ prop }) => !!prop("autoFocus")
     },
     effects: {
       trackDismissableLayer({ send, prop, scope }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/combobox",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "description": "Core logic for the combobox widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,15 +26,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.12.2",
-    "@zag-js/aria-hidden": "1.12.2",
-    "@zag-js/collection": "1.12.2",
-    "@zag-js/core": "1.12.2",
-    "@zag-js/dismissable": "1.12.2",
-    "@zag-js/dom-query": "1.12.2",
-    "@zag-js/utils": "1.12.2",
-    "@zag-js/popper": "1.12.2",
-    "@zag-js/types": "1.12.2"
+    "@zag-js/anatomy": "1.12.3",
+    "@zag-js/aria-hidden": "1.12.3",
+    "@zag-js/collection": "1.12.3",
+    "@zag-js/core": "1.12.3",
+    "@zag-js/dismissable": "1.12.3",
+    "@zag-js/dom-query": "1.12.3",
+    "@zag-js/utils": "1.12.3",
+    "@zag-js/popper": "1.12.3",
+    "@zag-js/types": "1.12.3"
   },
   "devDependencies": {
     "clean-package": "2.2.0"