@zag-js/radio-group 0.1.10 → 0.1.12

package/dist/{chunk-IKYBQJIH.mjs → chunk-SGHDM6EU.mjs}

@@ -127,7 +127,7 @@ function machine(userContext) {
         }
       },
       watch: {
-        value: ["dispatchChangeEvent", "invokeOnChange"]
+        value: ["dispatchChangeEvent", "invokeOnChange", "syncInputElements"]
       },
       entry: ["checkValue"],
       states: {
@@ -171,6 +171,12 @@ function machine(userContext) {
             return;
           const el = dom.getRadioInputEl(ctx2, evt.value);
           dispatchInputCheckedEvent(el, !!evt.value);
+        },
+        syncInputElements(ctx2) {
+          const inputs = dom.getInputEls(ctx2);
+          inputs.forEach((input) => {
+            input.checked = input.value === ctx2.value;
+          });
         }
       }
     }

package/dist/{chunk-F57UWPRI.mjs → chunk-YT2IAITX.mjs}

@@ -71,6 +71,9 @@ function connect(state, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value, manual: true });
     },
+    clearValue() {
+      send({ type: "SET_VALUE", value: null, manual: true });
+    },
     focus,
     blur() {
       const focusedElement = dom.getActiveElement(state.context);

package/dist/index.js

@@ -189,6 +189,9 @@ function connect(state, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value, manual: true });
     },
+    clearValue() {
+      send({ type: "SET_VALUE", value: null, manual: true });
+    },
     focus,
     blur() {
       const focusedElement = dom.getActiveElement(state.context);
@@ -404,7 +407,7 @@ function machine(userContext) {
         }
       },
       watch: {
-        value: ["dispatchChangeEvent", "invokeOnChange"]
+        value: ["dispatchChangeEvent", "invokeOnChange", "syncInputElements"]
       },
       entry: ["checkValue"],
       states: {
@@ -448,6 +451,12 @@ function machine(userContext) {
             return;
           const el = dom.getRadioInputEl(ctx2, evt.value);
           dispatchInputCheckedEvent(el, !!evt.value);
+        },
+        syncInputElements(ctx2) {
+          const inputs = dom.getInputEls(ctx2);
+          inputs.forEach((input) => {
+            input.checked = input.value === ctx2.value;
+          });
         }
       }
     }

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import {
   connect
-} from "./chunk-F57UWPRI.mjs";
+} from "./chunk-YT2IAITX.mjs";
 import {
   anatomy
 } from "./chunk-MGLN5L3R.mjs";
 import {
   machine
-} from "./chunk-IKYBQJIH.mjs";
+} from "./chunk-SGHDM6EU.mjs";
 import "./chunk-CYVZAWTC.mjs";
 export {
   anatomy,

package/dist/radio-group.connect.d.ts

@@ -5,6 +5,7 @@ import '@zag-js/core';
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
     value: string | null;
     setValue(value: string): void;
+    clearValue(): void;
     focus: () => void;
     blur(): void;
     rootProps: T["element"];

package/dist/radio-group.connect.js

@@ -154,6 +154,9 @@ function connect(state, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value, manual: true });
     },
+    clearValue() {
+      send({ type: "SET_VALUE", value: null, manual: true });
+    },
     focus,
     blur() {
       const focusedElement = dom.getActiveElement(state.context);

package/dist/radio-group.connect.mjs

@@ -1,6 +1,6 @@
 import {
   connect
-} from "./chunk-F57UWPRI.mjs";
+} from "./chunk-YT2IAITX.mjs";
 import "./chunk-MGLN5L3R.mjs";
 import "./chunk-CYVZAWTC.mjs";
 export {

package/dist/radio-group.dom.d.ts

@@ -29,7 +29,7 @@ declare const dom: {
     getRadioInputEl: (ctx: MachineContext, value: string) => HTMLInputElement | null;
     getFirstEnabledInputEl: (ctx: MachineContext) => HTMLInputElement | null | undefined;
     getFirstEnabledAndCheckedInputEl: (ctx: MachineContext) => HTMLInputElement | null | undefined;
-    getInputEls: (ctx: MachineContext) => HTMLElement[];
+    getInputEls: (ctx: MachineContext) => HTMLInputElement[];
 };
 
 export { dom };

package/dist/radio-group.machine.js

@@ -201,7 +201,7 @@ function machine(userContext) {
         }
       },
       watch: {
-        value: ["dispatchChangeEvent", "invokeOnChange"]
+        value: ["dispatchChangeEvent", "invokeOnChange", "syncInputElements"]
       },
       entry: ["checkValue"],
       states: {
@@ -245,6 +245,12 @@ function machine(userContext) {
             return;
           const el = dom.getRadioInputEl(ctx2, evt.value);
           dispatchInputCheckedEvent(el, !!evt.value);
+        },
+        syncInputElements(ctx2) {
+          const inputs = dom.getInputEls(ctx2);
+          inputs.forEach((input) => {
+            input.checked = input.value === ctx2.value;
+          });
         }
       }
     }

package/dist/radio-group.machine.mjs

@@ -1,6 +1,6 @@
 import {
   machine
-} from "./chunk-IKYBQJIH.mjs";
+} from "./chunk-SGHDM6EU.mjs";
 import "./chunk-CYVZAWTC.mjs";
 export {
   machine

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/radio-group",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Core logic for the radio group widget implemented as a state machine",
   "keywords": [
     "js",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@zag-js/anatomy": "0.1.4",
-    "@zag-js/core": "0.2.7",
+    "@zag-js/core": "0.2.9",
     "@zag-js/types": "0.3.4"
   },
   "devDependencies": {