@zag-js/radio-group 0.1.9 → 0.1.10

package/dist/chunk-CYVZAWTC.mjs

@@ -0,0 +1,59 @@
+// ../../utilities/dom/src/query.ts
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
+function isWindow(value) {
+  return value?.toString() === "[object Window]";
+}
+function getDocument(el) {
+  if (isWindow(el))
+    return el.document;
+  if (isDocument(el))
+    return el;
+  return el?.ownerDocument ?? document;
+}
+function getWindow(el) {
+  return el?.ownerDocument.defaultView ?? window;
+}
+function defineDomHelpers(helpers) {
+  const dom2 = {
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
+    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
+    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+  };
+  return {
+    ...dom2,
+    ...helpers
+  };
+}
+
+// ../../utilities/dom/src/nodelist.ts
+function queryAll(root, selector) {
+  return Array.from(root?.querySelectorAll(selector) ?? []);
+}
+
+// src/radio-group.dom.ts
+var dom = defineDomHelpers({
+  getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
+  getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
+  getRadioId: (ctx, value) => ctx.ids?.radio?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
+  getRadioInputId: (ctx, value) => ctx.ids?.radioInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,
+  getRadioControlId: (ctx, value) => ctx.ids?.radioControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,
+  getRadioLabelId: (ctx, value) => ctx.ids?.radioLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,
+  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
+  getRadioInputEl: (ctx, value) => dom.getById(ctx, dom.getRadioInputId(ctx, value)),
+  getFirstEnabledInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled)"),
+  getFirstEnabledAndCheckedInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled):checked"),
+  getInputEls: (ctx) => {
+    const ownerId = CSS.escape(dom.getRootId(ctx));
+    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
+    return queryAll(dom.getRootEl(ctx), selector);
+  }
+});
+
+export {
+  getWindow,
+  dom
+};

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

@@ -1,9 +1,9 @@
 import {
   parts
-} from "./chunk-OIKV2FWN.mjs";
+} from "./chunk-MGLN5L3R.mjs";
 import {
   dom
-} from "./chunk-ZTD6B547.mjs";
+} from "./chunk-CYVZAWTC.mjs";
 
 // ../../utilities/dom/src/attrs.ts
 var dataAttr = (guard) => {
@@ -64,7 +64,7 @@ function connect(state, send, normalize) {
       return;
     }
     const firstEnabledInput = dom.getFirstEnabledInputEl(state.context);
-    firstEnabledInput == null ? void 0 : firstEnabledInput.focus();
+    firstEnabledInput?.focus();
   };
   return {
     value: state.context.value,
@@ -77,7 +77,7 @@ function connect(state, send, normalize) {
       const inputEls = dom.getInputEls(state.context);
       const radioInputIsFocused = inputEls.some((el) => el === focusedElement);
       if (radioInputIsFocused)
-        focusedElement == null ? void 0 : focusedElement.blur();
+        focusedElement?.blur();
     },
     rootProps: normalize.element({
       ...parts.root.attrs,

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

@@ -1,7 +1,7 @@
 import {
   dom,
   getWindow
-} from "./chunk-ZTD6B547.mjs";
+} from "./chunk-CYVZAWTC.mjs";
 
 // src/radio-group.machine.ts
 import { createMachine } from "@zag-js/core";
@@ -38,20 +38,18 @@ function observeAttributes(node, attributes, fn) {
 
 // ../../utilities/form-utils/src/input-event.ts
 function getDescriptor(el, options) {
-  var _a;
   const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
-  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
+  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
 }
 function dispatchInputCheckedEvent(el, checked) {
-  var _a;
   if (!el)
     return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
   const desc = getDescriptor(el, { type: "HTMLInputElement", property: "checked" });
-  (_a = desc.set) == null ? void 0 : _a.call(el, checked);
+  desc.set?.call(el, checked);
   const event = new win.Event("click", { bubbles: true });
   el.dispatchEvent(event);
 }
@@ -70,13 +68,13 @@ function trackFormReset(el, callback) {
   if (!el)
     return;
   const form = getClosestForm(el);
-  form == null ? void 0 : form.addEventListener("reset", callback, { passive: true });
+  form?.addEventListener("reset", callback, { passive: true });
   return () => {
-    form == null ? void 0 : form.removeEventListener("reset", callback);
+    form?.removeEventListener("reset", callback);
   };
 }
 function trackFieldsetDisabled(el, callback) {
-  const fieldset = el == null ? void 0 : el.closest("fieldset");
+  const fieldset = el?.closest("fieldset");
   if (!fieldset)
     return;
   callback(fieldset.disabled);
@@ -94,7 +92,7 @@ function trackFormControl(el, options) {
     })
   ];
   return () => {
-    cleanups.forEach((cleanup) => cleanup == null ? void 0 : cleanup());
+    cleanups.forEach((cleanup) => cleanup?.());
   };
 }
 
@@ -104,7 +102,7 @@ function machine(userContext) {
   return createMachine(
     {
       id: "radio",
-      initial: "unknown",
+      initial: "idle",
       context: {
         value: null,
         initialValue: null,
@@ -131,14 +129,9 @@ function machine(userContext) {
       watch: {
         value: ["dispatchChangeEvent", "invokeOnChange"]
       },
+      entry: ["checkValue"],
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              actions: "checkValue"
-            }
-          }
-        }
+        idle: {}
       }
     },
     {
@@ -171,15 +164,12 @@ function machine(userContext) {
           ctx2.focusedId = evt.value;
         },
         invokeOnChange(ctx2, evt) {
-          var _a;
-          (_a = ctx2.onChange) == null ? void 0 : _a.call(ctx2, { value: evt.value });
+          ctx2.onChange?.({ value: evt.value });
         },
         dispatchChangeEvent(ctx2, evt) {
           if (!evt.manual)
             return;
           const el = dom.getRadioInputEl(ctx2, evt.value);
-          if (!el)
-            return;
           dispatchInputCheckedEvent(el, !!evt.value);
         }
       }

package/dist/index.js

@@ -64,31 +64,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+  return el?.ownerDocument.defaultView ?? window;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -117,8 +109,7 @@ function observeAttributes(node, attributes, fn) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // ../../utilities/dom/src/visually-hidden.ts
@@ -137,40 +128,16 @@ var visuallyHiddenStyle = {
 
 // src/radio-group.dom.ts
 var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `radio-group:${ctx.id}`;
-  },
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `radio-group:${ctx.id}:label`;
-  },
-  getRadioId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radio) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:${value}`;
-  },
-  getRadioInputId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioInput) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:input:${value}`;
-  },
-  getRadioControlId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioControl) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:control:${value}`;
-  },
-  getRadioLabelId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioLabel) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:label:${value}`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
+  getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
+  getRadioId: (ctx, value) => ctx.ids?.radio?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
+  getRadioInputId: (ctx, value) => ctx.ids?.radioInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,
+  getRadioControlId: (ctx, value) => ctx.ids?.radioControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,
+  getRadioLabelId: (ctx, value) => ctx.ids?.radioLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,
   getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
   getRadioInputEl: (ctx, value) => dom.getById(ctx, dom.getRadioInputId(ctx, value)),
-  getFirstEnabledInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled)");
-  },
-  getFirstEnabledAndCheckedInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled):checked");
-  },
+  getFirstEnabledInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled)"),
+  getFirstEnabledAndCheckedInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled):checked"),
   getInputEls: (ctx) => {
     const ownerId = CSS.escape(dom.getRootId(ctx));
     const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
@@ -215,7 +182,7 @@ function connect(state, send, normalize) {
       return;
     }
     const firstEnabledInput = dom.getFirstEnabledInputEl(state.context);
-    firstEnabledInput == null ? void 0 : firstEnabledInput.focus();
+    firstEnabledInput?.focus();
   };
   return {
     value: state.context.value,
@@ -228,7 +195,7 @@ function connect(state, send, normalize) {
       const inputEls = dom.getInputEls(state.context);
       const radioInputIsFocused = inputEls.some((el) => el === focusedElement);
       if (radioInputIsFocused)
-        focusedElement == null ? void 0 : focusedElement.blur();
+        focusedElement?.blur();
     },
     rootProps: normalize.element({
       ...parts.root.attrs,
@@ -348,20 +315,18 @@ var import_core = require("@zag-js/core");
 
 // ../../utilities/form-utils/src/input-event.ts
 function getDescriptor(el, options) {
-  var _a;
   const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
-  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
+  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
 }
 function dispatchInputCheckedEvent(el, checked) {
-  var _a;
   if (!el)
     return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
   const desc = getDescriptor(el, { type: "HTMLInputElement", property: "checked" });
-  (_a = desc.set) == null ? void 0 : _a.call(el, checked);
+  desc.set?.call(el, checked);
   const event = new win.Event("click", { bubbles: true });
   el.dispatchEvent(event);
 }
@@ -380,13 +345,13 @@ function trackFormReset(el, callback) {
   if (!el)
     return;
   const form = getClosestForm(el);
-  form == null ? void 0 : form.addEventListener("reset", callback, { passive: true });
+  form?.addEventListener("reset", callback, { passive: true });
   return () => {
-    form == null ? void 0 : form.removeEventListener("reset", callback);
+    form?.removeEventListener("reset", callback);
   };
 }
 function trackFieldsetDisabled(el, callback) {
-  const fieldset = el == null ? void 0 : el.closest("fieldset");
+  const fieldset = el?.closest("fieldset");
   if (!fieldset)
     return;
   callback(fieldset.disabled);
@@ -404,7 +369,7 @@ function trackFormControl(el, options) {
     })
   ];
   return () => {
-    cleanups.forEach((cleanup) => cleanup == null ? void 0 : cleanup());
+    cleanups.forEach((cleanup) => cleanup?.());
   };
 }
 
@@ -414,7 +379,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "radio",
-      initial: "unknown",
+      initial: "idle",
       context: {
         value: null,
         initialValue: null,
@@ -441,14 +406,9 @@ function machine(userContext) {
       watch: {
         value: ["dispatchChangeEvent", "invokeOnChange"]
       },
+      entry: ["checkValue"],
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              actions: "checkValue"
-            }
-          }
-        }
+        idle: {}
       }
     },
     {
@@ -481,15 +441,12 @@ function machine(userContext) {
           ctx2.focusedId = evt.value;
         },
         invokeOnChange(ctx2, evt) {
-          var _a;
-          (_a = ctx2.onChange) == null ? void 0 : _a.call(ctx2, { value: evt.value });
+          ctx2.onChange?.({ value: evt.value });
         },
         dispatchChangeEvent(ctx2, evt) {
           if (!evt.manual)
             return;
           const el = dom.getRadioInputEl(ctx2, evt.value);
-          if (!el)
-            return;
           dispatchInputCheckedEvent(el, !!evt.value);
         }
       }

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import {
   connect
-} from "./chunk-OUUIV2HJ.mjs";
+} from "./chunk-F57UWPRI.mjs";
 import {
   anatomy
-} from "./chunk-OIKV2FWN.mjs";
+} from "./chunk-MGLN5L3R.mjs";
 import {
   machine
-} from "./chunk-GQM54R75.mjs";
-import "./chunk-ZTD6B547.mjs";
+} from "./chunk-IKYBQJIH.mjs";
+import "./chunk-CYVZAWTC.mjs";
 export {
   anatomy,
   connect,

package/dist/radio-group.anatomy.mjs

@@ -1,7 +1,7 @@
 import {
   anatomy,
   parts
-} from "./chunk-OIKV2FWN.mjs";
+} from "./chunk-MGLN5L3R.mjs";
 export {
   anatomy,
   parts

package/dist/radio-group.connect.js

@@ -37,27 +37,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -69,8 +62,7 @@ function defineDomHelpers(helpers) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // ../../utilities/dom/src/visually-hidden.ts
@@ -101,40 +93,16 @@ var parts = anatomy.build();
 
 // src/radio-group.dom.ts
 var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `radio-group:${ctx.id}`;
-  },
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `radio-group:${ctx.id}:label`;
-  },
-  getRadioId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radio) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:${value}`;
-  },
-  getRadioInputId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioInput) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:input:${value}`;
-  },
-  getRadioControlId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioControl) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:control:${value}`;
-  },
-  getRadioLabelId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioLabel) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:label:${value}`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
+  getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
+  getRadioId: (ctx, value) => ctx.ids?.radio?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
+  getRadioInputId: (ctx, value) => ctx.ids?.radioInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,
+  getRadioControlId: (ctx, value) => ctx.ids?.radioControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,
+  getRadioLabelId: (ctx, value) => ctx.ids?.radioLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,
   getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
   getRadioInputEl: (ctx, value) => dom.getById(ctx, dom.getRadioInputId(ctx, value)),
-  getFirstEnabledInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled)");
-  },
-  getFirstEnabledAndCheckedInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled):checked");
-  },
+  getFirstEnabledInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled)"),
+  getFirstEnabledAndCheckedInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled):checked"),
   getInputEls: (ctx) => {
     const ownerId = CSS.escape(dom.getRootId(ctx));
     const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
@@ -179,7 +147,7 @@ function connect(state, send, normalize) {
       return;
     }
     const firstEnabledInput = dom.getFirstEnabledInputEl(state.context);
-    firstEnabledInput == null ? void 0 : firstEnabledInput.focus();
+    firstEnabledInput?.focus();
   };
   return {
     value: state.context.value,
@@ -192,7 +160,7 @@ function connect(state, send, normalize) {
       const inputEls = dom.getInputEls(state.context);
       const radioInputIsFocused = inputEls.some((el) => el === focusedElement);
       if (radioInputIsFocused)
-        focusedElement == null ? void 0 : focusedElement.blur();
+        focusedElement?.blur();
     },
     rootProps: normalize.element({
       ...parts.root.attrs,

package/dist/radio-group.connect.mjs

@@ -1,8 +1,8 @@
 import {
   connect
-} from "./chunk-OUUIV2HJ.mjs";
-import "./chunk-OIKV2FWN.mjs";
-import "./chunk-ZTD6B547.mjs";
+} from "./chunk-F57UWPRI.mjs";
+import "./chunk-MGLN5L3R.mjs";
+import "./chunk-CYVZAWTC.mjs";
 export {
   connect
 };

package/dist/radio-group.dom.js

@@ -29,27 +29,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -61,46 +54,21 @@ function defineDomHelpers(helpers) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // src/radio-group.dom.ts
 var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `radio-group:${ctx.id}`;
-  },
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `radio-group:${ctx.id}:label`;
-  },
-  getRadioId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radio) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:${value}`;
-  },
-  getRadioInputId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioInput) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:input:${value}`;
-  },
-  getRadioControlId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioControl) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:control:${value}`;
-  },
-  getRadioLabelId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioLabel) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:label:${value}`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
+  getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
+  getRadioId: (ctx, value) => ctx.ids?.radio?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
+  getRadioInputId: (ctx, value) => ctx.ids?.radioInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,
+  getRadioControlId: (ctx, value) => ctx.ids?.radioControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,
+  getRadioLabelId: (ctx, value) => ctx.ids?.radioLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,
   getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
   getRadioInputEl: (ctx, value) => dom.getById(ctx, dom.getRadioInputId(ctx, value)),
-  getFirstEnabledInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled)");
-  },
-  getFirstEnabledAndCheckedInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled):checked");
-  },
+  getFirstEnabledInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled)"),
+  getFirstEnabledAndCheckedInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled):checked"),
   getInputEls: (ctx) => {
     const ownerId = CSS.escape(dom.getRootId(ctx));
     const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;

package/dist/radio-group.dom.mjs

@@ -1,6 +1,6 @@
 import {
   dom
-} from "./chunk-ZTD6B547.mjs";
+} from "./chunk-CYVZAWTC.mjs";
 export {
   dom
 };

package/dist/radio-group.machine.js

@@ -43,31 +43,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+  return el?.ownerDocument.defaultView ?? window;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -96,26 +88,23 @@ function observeAttributes(node, attributes, fn) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // ../../utilities/form-utils/src/input-event.ts
 function getDescriptor(el, options) {
-  var _a;
   const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
-  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
+  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
 }
 function dispatchInputCheckedEvent(el, checked) {
-  var _a;
   if (!el)
     return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
   const desc = getDescriptor(el, { type: "HTMLInputElement", property: "checked" });
-  (_a = desc.set) == null ? void 0 : _a.call(el, checked);
+  desc.set?.call(el, checked);
   const event = new win.Event("click", { bubbles: true });
   el.dispatchEvent(event);
 }
@@ -134,13 +123,13 @@ function trackFormReset(el, callback) {
   if (!el)
     return;
   const form = getClosestForm(el);
-  form == null ? void 0 : form.addEventListener("reset", callback, { passive: true });
+  form?.addEventListener("reset", callback, { passive: true });
   return () => {
-    form == null ? void 0 : form.removeEventListener("reset", callback);
+    form?.removeEventListener("reset", callback);
   };
 }
 function trackFieldsetDisabled(el, callback) {
-  const fieldset = el == null ? void 0 : el.closest("fieldset");
+  const fieldset = el?.closest("fieldset");
   if (!fieldset)
     return;
   callback(fieldset.disabled);
@@ -158,46 +147,22 @@ function trackFormControl(el, options) {
     })
   ];
   return () => {
-    cleanups.forEach((cleanup) => cleanup == null ? void 0 : cleanup());
+    cleanups.forEach((cleanup) => cleanup?.());
   };
 }
 
 // src/radio-group.dom.ts
 var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `radio-group:${ctx.id}`;
-  },
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `radio-group:${ctx.id}:label`;
-  },
-  getRadioId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radio) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:${value}`;
-  },
-  getRadioInputId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioInput) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:input:${value}`;
-  },
-  getRadioControlId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioControl) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:control:${value}`;
-  },
-  getRadioLabelId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioLabel) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:label:${value}`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
+  getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
+  getRadioId: (ctx, value) => ctx.ids?.radio?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
+  getRadioInputId: (ctx, value) => ctx.ids?.radioInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,
+  getRadioControlId: (ctx, value) => ctx.ids?.radioControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,
+  getRadioLabelId: (ctx, value) => ctx.ids?.radioLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,
   getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
   getRadioInputEl: (ctx, value) => dom.getById(ctx, dom.getRadioInputId(ctx, value)),
-  getFirstEnabledInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled)");
-  },
-  getFirstEnabledAndCheckedInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled):checked");
-  },
+  getFirstEnabledInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled)"),
+  getFirstEnabledAndCheckedInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled):checked"),
   getInputEls: (ctx) => {
     const ownerId = CSS.escape(dom.getRootId(ctx));
     const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
@@ -211,7 +176,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "radio",
-      initial: "unknown",
+      initial: "idle",
       context: {
         value: null,
         initialValue: null,
@@ -238,14 +203,9 @@ function machine(userContext) {
       watch: {
         value: ["dispatchChangeEvent", "invokeOnChange"]
       },
+      entry: ["checkValue"],
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              actions: "checkValue"
-            }
-          }
-        }
+        idle: {}
       }
     },
     {
@@ -278,15 +238,12 @@ function machine(userContext) {
           ctx2.focusedId = evt.value;
         },
         invokeOnChange(ctx2, evt) {
-          var _a;
-          (_a = ctx2.onChange) == null ? void 0 : _a.call(ctx2, { value: evt.value });
+          ctx2.onChange?.({ value: evt.value });
         },
         dispatchChangeEvent(ctx2, evt) {
           if (!evt.manual)
             return;
           const el = dom.getRadioInputEl(ctx2, evt.value);
-          if (!el)
-            return;
           dispatchInputCheckedEvent(el, !!evt.value);
         }
       }

package/dist/radio-group.machine.mjs

@@ -1,7 +1,7 @@
 import {
   machine
-} from "./chunk-GQM54R75.mjs";
-import "./chunk-ZTD6B547.mjs";
+} from "./chunk-IKYBQJIH.mjs";
+import "./chunk-CYVZAWTC.mjs";
 export {
   machine
 };

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

@@ -52,7 +52,7 @@ type UserDefinedContext = RequiredBy<PublicContext, "id">;
 type ComputedContext = Readonly<{}>;
 type MachineContext = PublicContext & PrivateContext & ComputedContext;
 type MachineState = {
-    value: "unknown";
+    value: "idle";
 };
 type State = StateMachine.State<MachineContext, MachineState>;
 type Send = StateMachine.Send<StateMachine.AnyEventObject>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/radio-group",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Core logic for the radio group widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,15 +27,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.1.3",
-    "@zag-js/core": "0.2.6",
-    "@zag-js/types": "0.3.3"
+    "@zag-js/anatomy": "0.1.4",
+    "@zag-js/core": "0.2.7",
+    "@zag-js/types": "0.3.4"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.3",
-    "@zag-js/form-utils": "0.2.3",
-    "@zag-js/utils": "0.3.2"
+    "@zag-js/dom-utils": "0.2.4",
+    "@zag-js/form-utils": "0.2.4",
+    "@zag-js/utils": "0.3.3"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",

package/dist/chunk-ZTD6B547.mjs

@@ -1,92 +0,0 @@
-// ../../utilities/dom/src/query.ts
-function isDocument(el) {
-  return el.nodeType === Node.DOCUMENT_NODE;
-}
-function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
-}
-function getDocument(el) {
-  var _a;
-  if (isWindow(el))
-    return el.document;
-  if (isDocument(el))
-    return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
-}
-function getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
-}
-function defineDomHelpers(helpers) {
-  const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
-    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
-    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
-  };
-  return {
-    ...dom2,
-    ...helpers
-  };
-}
-
-// ../../utilities/dom/src/nodelist.ts
-function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
-}
-
-// src/radio-group.dom.ts
-var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `radio-group:${ctx.id}`;
-  },
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `radio-group:${ctx.id}:label`;
-  },
-  getRadioId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radio) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:${value}`;
-  },
-  getRadioInputId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioInput) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:input:${value}`;
-  },
-  getRadioControlId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioControl) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:control:${value}`;
-  },
-  getRadioLabelId: (ctx, value) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.radioLabel) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:label:${value}`;
-  },
-  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
-  getRadioInputEl: (ctx, value) => dom.getById(ctx, dom.getRadioInputId(ctx, value)),
-  getFirstEnabledInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled)");
-  },
-  getFirstEnabledAndCheckedInputEl: (ctx) => {
-    var _a;
-    return (_a = dom.getRootEl(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled):checked");
-  },
-  getInputEls: (ctx) => {
-    const ownerId = CSS.escape(dom.getRootId(ctx));
-    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
-    return queryAll(dom.getRootEl(ctx), selector);
-  }
-});
-
-export {
-  getWindow,
-  dom
-};