@zag-js/radio-group 0.36.2 → 0.37.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
 import { StateMachine } from '@zag-js/core';
 
@@ -49,7 +49,8 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      */
     orientation?: "horizontal" | "vertical";
 }
-type PrivateContext = Context<{}>;
+interface PrivateContext {
+}
 type UserDefinedContext = RequiredBy<PublicContext, "id">;
 type ComputedContext = Readonly<{
     /**
@@ -112,4 +113,7 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
 
 declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
 
-export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type ItemProps, type ItemState, type ValueChangeDetails, anatomy, connect, machine };
+declare const props: ("value" | "name" | "form" | "dir" | "disabled" | "id" | "ids" | "onValueChange" | "orientation" | "getRootNode")[];
+declare const itemProps: (keyof ItemProps)[];
+
+export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type ItemProps, type ItemState, type ValueChangeDetails, anatomy, connect, itemProps, machine, props };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
 import { StateMachine } from '@zag-js/core';
 
@@ -49,7 +49,8 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      */
     orientation?: "horizontal" | "vertical";
 }
-type PrivateContext = Context<{}>;
+interface PrivateContext {
+}
 type UserDefinedContext = RequiredBy<PublicContext, "id">;
 type ComputedContext = Readonly<{
     /**
@@ -112,4 +113,7 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
 
 declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
 
-export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type ItemProps, type ItemState, type ValueChangeDetails, anatomy, connect, machine };
+declare const props: ("value" | "name" | "form" | "dir" | "disabled" | "id" | "ids" | "onValueChange" | "orientation" | "getRootNode")[];
+declare const itemProps: (keyof ItemProps)[];
+
+export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type ItemProps, type ItemState, type ValueChangeDetails, anatomy, connect, itemProps, machine, props };

package/dist/index.js

@@ -22,7 +22,9 @@ var src_exports = {};
 __export(src_exports, {
   anatomy: () => anatomy,
   connect: () => connect,
-  machine: () => machine
+  itemProps: () => itemProps,
+  machine: () => machine,
+  props: () => props
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -90,18 +92,18 @@ var dom = (0, import_dom_query.createScope)({
 // src/radio-group.connect.ts
 function connect(state, send, normalize) {
   const isGroupDisabled = state.context.isDisabled;
-  function getItemState(props) {
+  function getItemState(props2) {
     return {
-      isInvalid: !!props.invalid,
-      isDisabled: !!props.disabled || isGroupDisabled,
-      isChecked: state.context.value === props.value,
-      isFocused: state.context.focusedId === props.value,
-      isHovered: state.context.hoveredId === props.value,
-      isActive: state.context.activeId === props.value
+      isInvalid: !!props2.invalid,
+      isDisabled: !!props2.disabled || isGroupDisabled,
+      isChecked: state.context.value === props2.value,
+      isFocused: state.context.focusedId === props2.value,
+      isHovered: state.context.hoveredId === props2.value,
+      isActive: state.context.activeId === props2.value
     };
   }
-  function getItemDataAttrs(props) {
-    const radioState = getItemState(props);
+  function getItemDataAttrs(props2) {
+    const radioState = getItemState(props2);
     return {
       "data-focus": (0, import_dom_query2.dataAttr)(radioState.isFocused),
       "data-disabled": (0, import_dom_query2.dataAttr)(radioState.isDisabled),
@@ -151,18 +153,18 @@ function connect(state, send, normalize) {
       id: dom.getLabelId(state.context),
       onClick: focus
     }),
-    getItemProps(props) {
-      const rootState = getItemState(props);
+    getItemProps(props2) {
+      const rootState = getItemState(props2);
       return normalize.label({
         ...parts.item.attrs,
         dir: state.context.dir,
-        id: dom.getItemId(state.context, props.value),
-        htmlFor: dom.getItemHiddenInputId(state.context, props.value),
-        ...getItemDataAttrs(props),
+        id: dom.getItemId(state.context, props2.value),
+        htmlFor: dom.getItemHiddenInputId(state.context, props2.value),
+        ...getItemDataAttrs(props2),
         onPointerMove() {
           if (rootState.isDisabled)
             return;
-          send({ type: "SET_HOVERED", value: props.value, hovered: true });
+          send({ type: "SET_HOVERED", value: props2.value, hovered: true });
         },
         onPointerLeave() {
           if (rootState.isDisabled)
@@ -175,7 +177,7 @@ function connect(state, send, normalize) {
           if (rootState.isFocused && event.pointerType === "mouse") {
             event.preventDefault();
           }
-          send({ type: "SET_ACTIVE", value: props.value, active: true });
+          send({ type: "SET_ACTIVE", value: props2.value, active: true });
         },
         onPointerUp() {
           if (rootState.isDisabled)
@@ -184,50 +186,50 @@ function connect(state, send, normalize) {
         }
       });
     },
-    getItemTextProps(props) {
+    getItemTextProps(props2) {
       return normalize.element({
         ...parts.itemText.attrs,
         dir: state.context.dir,
-        id: dom.getItemLabelId(state.context, props.value),
-        ...getItemDataAttrs(props)
+        id: dom.getItemLabelId(state.context, props2.value),
+        ...getItemDataAttrs(props2)
       });
     },
-    getItemControlProps(props) {
-      const controlState = getItemState(props);
+    getItemControlProps(props2) {
+      const controlState = getItemState(props2);
       return normalize.element({
         ...parts.itemControl.attrs,
         dir: state.context.dir,
-        id: dom.getItemControlId(state.context, props.value),
+        id: dom.getItemControlId(state.context, props2.value),
         "data-active": (0, import_dom_query2.dataAttr)(controlState.isActive),
         "aria-hidden": true,
-        ...getItemDataAttrs(props)
+        ...getItemDataAttrs(props2)
       });
     },
-    getItemHiddenInputProps(props) {
-      const inputState = getItemState(props);
+    getItemHiddenInputProps(props2) {
+      const inputState = getItemState(props2);
       return normalize.input({
         "data-ownedby": dom.getRootId(state.context),
-        id: dom.getItemHiddenInputId(state.context, props.value),
+        id: dom.getItemHiddenInputId(state.context, props2.value),
         type: "radio",
         name: state.context.name || state.context.id,
         form: state.context.form,
-        value: props.value,
+        value: props2.value,
         onChange(event) {
           if (inputState.isDisabled)
             return;
           if (event.target.checked) {
-            send({ type: "SET_VALUE", value: props.value, isTrusted: true });
+            send({ type: "SET_VALUE", value: props2.value, isTrusted: true });
           }
         },
         onBlur() {
           send({ type: "SET_FOCUSED", value: null });
         },
         onFocus() {
-          send({ type: "SET_FOCUSED", value: props.value, focused: true });
+          send({ type: "SET_FOCUSED", value: props2.value, focused: true });
         },
         onKeyDown(event) {
           if (event.key === " ") {
-            send({ type: "SET_ACTIVE", value: props.value, active: true });
+            send({ type: "SET_ACTIVE", value: props2.value, active: true });
           }
         },
         onKeyUp(event) {
@@ -413,10 +415,28 @@ var set = {
     invoke.change(ctx);
   }
 };
+
+// src/radio-group.props.ts
+var import_types = require("@zag-js/types");
+var props = (0, import_types.createProps)()([
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "name",
+  "onValueChange",
+  "orientation",
+  "value"
+]);
+var itemProps = (0, import_types.createProps)()(["value", "disabled", "invalid"]);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   anatomy,
   connect,
-  machine
+  itemProps,
+  machine,
+  props
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/radio-group.anatomy.ts","../src/radio-group.connect.ts","../src/radio-group.dom.ts","../src/radio-group.machine.ts"],"sourcesContent":["export { anatomy } from \"./radio-group.anatomy\"\nexport { connect } from \"./radio-group.connect\"\nexport { machine } from \"./radio-group.machine\"\nexport type {\n  MachineApi as Api,\n  UserDefinedContext as Context,\n  ElementIds,\n  ItemProps,\n  ItemState,\n  ValueChangeDetails,\n} from \"./radio-group.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"radio-group\").parts(\n  \"root\",\n  \"label\",\n  \"item\",\n  \"itemText\",\n  \"itemControl\",\n  \"indicator\",\n)\n\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./radio-group.anatomy\"\nimport { dom } from \"./radio-group.dom\"\nimport type { ItemProps, ItemState, MachineApi, Send, State } from \"./radio-group.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const isGroupDisabled = state.context.isDisabled\n\n  function getItemState(props: ItemProps): ItemState {\n    return {\n      isInvalid: !!props.invalid,\n      isDisabled: !!props.disabled || isGroupDisabled,\n      isChecked: state.context.value === props.value,\n      isFocused: state.context.focusedId === props.value,\n      isHovered: state.context.hoveredId === props.value,\n      isActive: state.context.activeId === props.value,\n    }\n  }\n\n  function getItemDataAttrs<T extends ItemProps>(props: T) {\n    const radioState = getItemState(props)\n    return {\n      \"data-focus\": dataAttr(radioState.isFocused),\n      \"data-disabled\": dataAttr(radioState.isDisabled),\n      \"data-state\": radioState.isChecked ? \"checked\" : \"unchecked\",\n      \"data-hover\": dataAttr(radioState.isHovered),\n      \"data-invalid\": dataAttr(radioState.isInvalid),\n      \"data-orientation\": state.context.orientation,\n    }\n  }\n\n  const focus = () => {\n    const firstEnabledAndCheckedInput = dom.getFirstEnabledAndCheckedInputEl(state.context)\n\n    if (firstEnabledAndCheckedInput) {\n      firstEnabledAndCheckedInput.focus()\n      return\n    }\n\n    const firstEnabledInput = dom.getFirstEnabledInputEl(state.context)\n    firstEnabledInput?.focus()\n  }\n\n  return {\n    focus,\n    value: state.context.value,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value, isTrusted: false })\n    },\n    clearValue() {\n      send({ type: \"SET_VALUE\", value: null, isTrusted: false })\n    },\n    getItemState,\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      role: \"radiogroup\",\n      id: dom.getRootId(state.context),\n      \"aria-labelledby\": dom.getLabelId(state.context),\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"aria-orientation\": state.context.orientation,\n      dir: state.context.dir,\n      style: {\n        position: \"relative\",\n      },\n    }),\n\n    labelProps: normalize.element({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      id: dom.getLabelId(state.context),\n      onClick: focus,\n    }),\n\n    getItemProps(props: ItemProps) {\n      const rootState = getItemState(props)\n\n      return normalize.label({\n        ...parts.item.attrs,\n        dir: state.context.dir,\n        id: dom.getItemId(state.context, props.value),\n        htmlFor: dom.getItemHiddenInputId(state.context, props.value),\n        ...getItemDataAttrs(props),\n        onPointerMove() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: props.value, hovered: true })\n        },\n        onPointerLeave() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: null })\n        },\n        onPointerDown(event) {\n          if (rootState.isDisabled) return\n          // On pointerdown, the input blurs and returns focus to the `body`,\n          // we need to prevent this.\n          if (rootState.isFocused && event.pointerType === \"mouse\") {\n            event.preventDefault()\n          }\n          send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n        },\n        onPointerUp() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_ACTIVE\", value: null })\n        },\n      })\n    },\n\n    getItemTextProps(props: ItemProps) {\n      return normalize.element({\n        ...parts.itemText.attrs,\n        dir: state.context.dir,\n        id: dom.getItemLabelId(state.context, props.value),\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemControlProps(props: ItemProps) {\n      const controlState = getItemState(props)\n\n      return normalize.element({\n        ...parts.itemControl.attrs,\n        dir: state.context.dir,\n        id: dom.getItemControlId(state.context, props.value),\n        \"data-active\": dataAttr(controlState.isActive),\n        \"aria-hidden\": true,\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemHiddenInputProps(props: ItemProps) {\n      const inputState = getItemState(props)\n\n      return normalize.input({\n        \"data-ownedby\": dom.getRootId(state.context),\n        id: dom.getItemHiddenInputId(state.context, props.value),\n        type: \"radio\",\n        name: state.context.name || state.context.id,\n        form: state.context.form,\n        value: props.value,\n        onChange(event) {\n          if (inputState.isDisabled) return\n\n          if (event.target.checked) {\n            send({ type: \"SET_VALUE\", value: props.value, isTrusted: true })\n          }\n        },\n        onBlur() {\n          send({ type: \"SET_FOCUSED\", value: null })\n        },\n        onFocus() {\n          send({ type: \"SET_FOCUSED\", value: props.value, focused: true })\n        },\n        onKeyDown(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n          }\n        },\n        onKeyUp(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: null })\n          }\n        },\n        disabled: inputState.isDisabled,\n        defaultChecked: inputState.isChecked,\n        style: visuallyHiddenStyle,\n      })\n    },\n\n    indicatorProps: normalize.element({\n      id: dom.getIndicatorId(state.context),\n      ...parts.indicator.attrs,\n      dir: state.context.dir,\n      hidden: state.context.value == null,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"data-orientation\": state.context.orientation,\n      style: {\n        \"--transition-property\": \"left, top, width, height\",\n        \"--left\": state.context.indicatorRect?.left,\n        \"--top\": state.context.indicatorRect?.top,\n        \"--width\": state.context.indicatorRect?.width,\n        \"--height\": state.context.indicatorRect?.height,\n        position: \"absolute\",\n        willChange: \"var(--transition-property)\",\n        transitionProperty: \"var(--transition-property)\",\n        transitionDuration: state.context.canIndicatorTransition ? \"var(--transition-duration, 150ms)\" : \"0ms\",\n        transitionTimingFunction: \"var(--transition-timing-function)\",\n        [state.context.orientation === \"horizontal\" ? \"left\" : \"top\"]:\n          state.context.orientation === \"horizontal\" ? \"var(--left)\" : \"var(--top)\",\n      },\n    }),\n  }\n}\n","import { createScope, queryAll } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./radio-group.types\"\n\nexport const dom = createScope({\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,\n  getItemId: (ctx: Ctx, value: string) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,\n  getItemHiddenInputId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemHiddenInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,\n  getItemControlId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,\n  getItemLabelId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,\n  getIndicatorId: (ctx: Ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getItemHiddenInputEl: (ctx: Ctx, value: string) =>\n    dom.getById<HTMLInputElement>(ctx, dom.getItemHiddenInputId(ctx, value)),\n  getIndicatorEl: (ctx: Ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),\n\n  getFirstEnabledInputEl: (ctx: Ctx) => dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled)\"),\n  getFirstEnabledAndCheckedInputEl: (ctx: Ctx) =>\n    dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled):checked\"),\n\n  getInputEls: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n\n  getActiveRadioEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getById(ctx, dom.getItemId(ctx, ctx.value))\n  },\n\n  getOffsetRect: (el: HTMLElement | undefined) => ({\n    left: el?.offsetLeft ?? 0,\n    top: el?.offsetTop ?? 0,\n    width: el?.offsetWidth ?? 0,\n    height: el?.offsetHeight ?? 0,\n  }),\n\n  getRectById: (ctx: Ctx, id: string) => {\n    const radioEl = dom.getById(ctx, dom.getItemId(ctx, id))\n    if (!radioEl) return\n    return dom.resolveRect(dom.getOffsetRect(radioEl))\n  },\n\n  resolveRect: (rect: Record<\"width\" | \"height\" | \"left\" | \"top\", number>) => ({\n    width: `${rect.width}px`,\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    top: `${rect.top}px`,\n  }),\n})\n","import { createMachine, guards } from \"@zag-js/core\"\nimport { nextTick } from \"@zag-js/dom-query\"\nimport { trackElementRect } from \"@zag-js/element-rect\"\nimport { dispatchInputCheckedEvent, trackFormControl } from \"@zag-js/form-utils\"\nimport { compact, isEqual, isString } from \"@zag-js/utils\"\nimport { dom } from \"./radio-group.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./radio-group.types\"\n\nconst { not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"radio\",\n      initial: \"idle\",\n      context: {\n        value: null,\n        activeId: null,\n        focusedId: null,\n        hoveredId: null,\n        disabled: false,\n        orientation: \"vertical\",\n        ...ctx,\n        indicatorRect: {},\n        canIndicatorTransition: false,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n      },\n\n      entry: [\"syncIndicatorRect\"],\n\n      exit: [\"cleanupObserver\"],\n\n      activities: [\"trackFormControlState\"],\n\n      watch: {\n        value: [\"setIndicatorTransition\", \"syncIndicatorRect\", \"syncInputElements\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: not(\"isTrusted\"),\n            actions: [\"setValue\", \"dispatchChangeEvent\"],\n          },\n          {\n            actions: [\"setValue\"],\n          },\n        ],\n        SET_HOVERED: {\n          actions: \"setHovered\",\n        },\n        SET_ACTIVE: {\n          actions: \"setActive\",\n        },\n        SET_FOCUSED: {\n          actions: \"setFocused\",\n        },\n      },\n\n      states: {\n        idle: {},\n      },\n    },\n\n    {\n      guards: {\n        isTrusted: (_ctx, evt) => !!evt.isTrusted,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { send, initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              send({ type: \"SET_VALUE\", value: initialContext.value })\n            },\n          })\n        },\n      },\n\n      actions: {\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        setHovered(ctx, evt) {\n          ctx.hoveredId = evt.value\n        },\n        setActive(ctx, evt) {\n          ctx.activeId = evt.value\n        },\n        setFocused(ctx, evt) {\n          ctx.focusedId = evt.value\n        },\n        syncInputElements(ctx) {\n          const inputs = dom.getInputEls(ctx)\n          inputs.forEach((input) => {\n            input.checked = input.value === ctx.value\n          })\n        },\n        setIndicatorTransition(ctx) {\n          ctx.canIndicatorTransition = isString(ctx.value)\n        },\n        cleanupObserver(ctx) {\n          ctx.indicatorCleanup?.()\n        },\n        syncIndicatorRect(ctx) {\n          ctx.indicatorCleanup?.()\n\n          if (!dom.getIndicatorEl(ctx)) return\n\n          const value = ctx.value\n\n          const radioEl = dom.getActiveRadioEl(ctx)\n\n          if (value == null || !radioEl) {\n            ctx.indicatorRect = {}\n            return\n          }\n\n          ctx.indicatorCleanup = trackElementRect(radioEl, {\n            getRect(el) {\n              return dom.getOffsetRect(el)\n            },\n            onChange(rect) {\n              ctx.indicatorRect = dom.resolveRect(rect)\n              nextTick(() => {\n                ctx.canIndicatorTransition = false\n              })\n            },\n          })\n        },\n        dispatchChangeEvent(ctx) {\n          const inputEls = dom.getInputEls(ctx)\n          inputEls.forEach((inputEl) => {\n            const checked = inputEl.value === ctx.value\n            if (checked === inputEl.checked) return\n            dispatchInputCheckedEvent(inputEl, { checked })\n          })\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    if (ctx.value == null) return\n    ctx.onValueChange?.({ value: ctx.value })\n  },\n}\n\nconst set = {\n  value: (ctx: MachineContext, value: string) => {\n    if (isEqual(ctx.value, value)) return\n    ctx.value = value\n    invoke.change(ctx)\n  },\n}\n"],"mappings":"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","names":["import_dom_query","import_dom_query","ctx"]}
+{"version":3,"sources":["../src/index.ts","../src/radio-group.anatomy.ts","../src/radio-group.connect.ts","../src/radio-group.dom.ts","../src/radio-group.machine.ts","../src/radio-group.props.ts"],"sourcesContent":["export { anatomy } from \"./radio-group.anatomy\"\nexport { connect } from \"./radio-group.connect\"\nexport { machine } from \"./radio-group.machine\"\nexport * from \"./radio-group.props\"\nexport type {\n  MachineApi as Api,\n  UserDefinedContext as Context,\n  ElementIds,\n  ItemProps,\n  ItemState,\n  ValueChangeDetails,\n} from \"./radio-group.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"radio-group\").parts(\n  \"root\",\n  \"label\",\n  \"item\",\n  \"itemText\",\n  \"itemControl\",\n  \"indicator\",\n)\n\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./radio-group.anatomy\"\nimport { dom } from \"./radio-group.dom\"\nimport type { ItemProps, ItemState, MachineApi, Send, State } from \"./radio-group.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const isGroupDisabled = state.context.isDisabled\n\n  function getItemState(props: ItemProps): ItemState {\n    return {\n      isInvalid: !!props.invalid,\n      isDisabled: !!props.disabled || isGroupDisabled,\n      isChecked: state.context.value === props.value,\n      isFocused: state.context.focusedId === props.value,\n      isHovered: state.context.hoveredId === props.value,\n      isActive: state.context.activeId === props.value,\n    }\n  }\n\n  function getItemDataAttrs<T extends ItemProps>(props: T) {\n    const radioState = getItemState(props)\n    return {\n      \"data-focus\": dataAttr(radioState.isFocused),\n      \"data-disabled\": dataAttr(radioState.isDisabled),\n      \"data-state\": radioState.isChecked ? \"checked\" : \"unchecked\",\n      \"data-hover\": dataAttr(radioState.isHovered),\n      \"data-invalid\": dataAttr(radioState.isInvalid),\n      \"data-orientation\": state.context.orientation,\n    }\n  }\n\n  const focus = () => {\n    const firstEnabledAndCheckedInput = dom.getFirstEnabledAndCheckedInputEl(state.context)\n\n    if (firstEnabledAndCheckedInput) {\n      firstEnabledAndCheckedInput.focus()\n      return\n    }\n\n    const firstEnabledInput = dom.getFirstEnabledInputEl(state.context)\n    firstEnabledInput?.focus()\n  }\n\n  return {\n    focus,\n    value: state.context.value,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value, isTrusted: false })\n    },\n    clearValue() {\n      send({ type: \"SET_VALUE\", value: null, isTrusted: false })\n    },\n    getItemState,\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      role: \"radiogroup\",\n      id: dom.getRootId(state.context),\n      \"aria-labelledby\": dom.getLabelId(state.context),\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"aria-orientation\": state.context.orientation,\n      dir: state.context.dir,\n      style: {\n        position: \"relative\",\n      },\n    }),\n\n    labelProps: normalize.element({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      id: dom.getLabelId(state.context),\n      onClick: focus,\n    }),\n\n    getItemProps(props: ItemProps) {\n      const rootState = getItemState(props)\n\n      return normalize.label({\n        ...parts.item.attrs,\n        dir: state.context.dir,\n        id: dom.getItemId(state.context, props.value),\n        htmlFor: dom.getItemHiddenInputId(state.context, props.value),\n        ...getItemDataAttrs(props),\n        onPointerMove() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: props.value, hovered: true })\n        },\n        onPointerLeave() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: null })\n        },\n        onPointerDown(event) {\n          if (rootState.isDisabled) return\n          // On pointerdown, the input blurs and returns focus to the `body`,\n          // we need to prevent this.\n          if (rootState.isFocused && event.pointerType === \"mouse\") {\n            event.preventDefault()\n          }\n          send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n        },\n        onPointerUp() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_ACTIVE\", value: null })\n        },\n      })\n    },\n\n    getItemTextProps(props: ItemProps) {\n      return normalize.element({\n        ...parts.itemText.attrs,\n        dir: state.context.dir,\n        id: dom.getItemLabelId(state.context, props.value),\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemControlProps(props: ItemProps) {\n      const controlState = getItemState(props)\n\n      return normalize.element({\n        ...parts.itemControl.attrs,\n        dir: state.context.dir,\n        id: dom.getItemControlId(state.context, props.value),\n        \"data-active\": dataAttr(controlState.isActive),\n        \"aria-hidden\": true,\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemHiddenInputProps(props: ItemProps) {\n      const inputState = getItemState(props)\n\n      return normalize.input({\n        \"data-ownedby\": dom.getRootId(state.context),\n        id: dom.getItemHiddenInputId(state.context, props.value),\n        type: \"radio\",\n        name: state.context.name || state.context.id,\n        form: state.context.form,\n        value: props.value,\n        onChange(event) {\n          if (inputState.isDisabled) return\n\n          if (event.target.checked) {\n            send({ type: \"SET_VALUE\", value: props.value, isTrusted: true })\n          }\n        },\n        onBlur() {\n          send({ type: \"SET_FOCUSED\", value: null })\n        },\n        onFocus() {\n          send({ type: \"SET_FOCUSED\", value: props.value, focused: true })\n        },\n        onKeyDown(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n          }\n        },\n        onKeyUp(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: null })\n          }\n        },\n        disabled: inputState.isDisabled,\n        defaultChecked: inputState.isChecked,\n        style: visuallyHiddenStyle,\n      })\n    },\n\n    indicatorProps: normalize.element({\n      id: dom.getIndicatorId(state.context),\n      ...parts.indicator.attrs,\n      dir: state.context.dir,\n      hidden: state.context.value == null,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"data-orientation\": state.context.orientation,\n      style: {\n        \"--transition-property\": \"left, top, width, height\",\n        \"--left\": state.context.indicatorRect?.left,\n        \"--top\": state.context.indicatorRect?.top,\n        \"--width\": state.context.indicatorRect?.width,\n        \"--height\": state.context.indicatorRect?.height,\n        position: \"absolute\",\n        willChange: \"var(--transition-property)\",\n        transitionProperty: \"var(--transition-property)\",\n        transitionDuration: state.context.canIndicatorTransition ? \"var(--transition-duration, 150ms)\" : \"0ms\",\n        transitionTimingFunction: \"var(--transition-timing-function)\",\n        [state.context.orientation === \"horizontal\" ? \"left\" : \"top\"]:\n          state.context.orientation === \"horizontal\" ? \"var(--left)\" : \"var(--top)\",\n      },\n    }),\n  }\n}\n","import { createScope, queryAll } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./radio-group.types\"\n\nexport const dom = createScope({\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,\n  getItemId: (ctx: Ctx, value: string) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,\n  getItemHiddenInputId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemHiddenInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,\n  getItemControlId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,\n  getItemLabelId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,\n  getIndicatorId: (ctx: Ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getItemHiddenInputEl: (ctx: Ctx, value: string) =>\n    dom.getById<HTMLInputElement>(ctx, dom.getItemHiddenInputId(ctx, value)),\n  getIndicatorEl: (ctx: Ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),\n\n  getFirstEnabledInputEl: (ctx: Ctx) => dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled)\"),\n  getFirstEnabledAndCheckedInputEl: (ctx: Ctx) =>\n    dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled):checked\"),\n\n  getInputEls: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n\n  getActiveRadioEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getById(ctx, dom.getItemId(ctx, ctx.value))\n  },\n\n  getOffsetRect: (el: HTMLElement | undefined) => ({\n    left: el?.offsetLeft ?? 0,\n    top: el?.offsetTop ?? 0,\n    width: el?.offsetWidth ?? 0,\n    height: el?.offsetHeight ?? 0,\n  }),\n\n  getRectById: (ctx: Ctx, id: string) => {\n    const radioEl = dom.getById(ctx, dom.getItemId(ctx, id))\n    if (!radioEl) return\n    return dom.resolveRect(dom.getOffsetRect(radioEl))\n  },\n\n  resolveRect: (rect: Record<\"width\" | \"height\" | \"left\" | \"top\", number>) => ({\n    width: `${rect.width}px`,\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    top: `${rect.top}px`,\n  }),\n})\n","import { createMachine, guards } from \"@zag-js/core\"\nimport { nextTick } from \"@zag-js/dom-query\"\nimport { trackElementRect } from \"@zag-js/element-rect\"\nimport { dispatchInputCheckedEvent, trackFormControl } from \"@zag-js/form-utils\"\nimport { compact, isEqual, isString } from \"@zag-js/utils\"\nimport { dom } from \"./radio-group.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./radio-group.types\"\n\nconst { not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"radio\",\n      initial: \"idle\",\n      context: {\n        value: null,\n        activeId: null,\n        focusedId: null,\n        hoveredId: null,\n        disabled: false,\n        orientation: \"vertical\",\n        ...ctx,\n        indicatorRect: {},\n        canIndicatorTransition: false,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n      },\n\n      entry: [\"syncIndicatorRect\"],\n\n      exit: [\"cleanupObserver\"],\n\n      activities: [\"trackFormControlState\"],\n\n      watch: {\n        value: [\"setIndicatorTransition\", \"syncIndicatorRect\", \"syncInputElements\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: not(\"isTrusted\"),\n            actions: [\"setValue\", \"dispatchChangeEvent\"],\n          },\n          {\n            actions: [\"setValue\"],\n          },\n        ],\n        SET_HOVERED: {\n          actions: \"setHovered\",\n        },\n        SET_ACTIVE: {\n          actions: \"setActive\",\n        },\n        SET_FOCUSED: {\n          actions: \"setFocused\",\n        },\n      },\n\n      states: {\n        idle: {},\n      },\n    },\n\n    {\n      guards: {\n        isTrusted: (_ctx, evt) => !!evt.isTrusted,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { send, initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              send({ type: \"SET_VALUE\", value: initialContext.value })\n            },\n          })\n        },\n      },\n\n      actions: {\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        setHovered(ctx, evt) {\n          ctx.hoveredId = evt.value\n        },\n        setActive(ctx, evt) {\n          ctx.activeId = evt.value\n        },\n        setFocused(ctx, evt) {\n          ctx.focusedId = evt.value\n        },\n        syncInputElements(ctx) {\n          const inputs = dom.getInputEls(ctx)\n          inputs.forEach((input) => {\n            input.checked = input.value === ctx.value\n          })\n        },\n        setIndicatorTransition(ctx) {\n          ctx.canIndicatorTransition = isString(ctx.value)\n        },\n        cleanupObserver(ctx) {\n          ctx.indicatorCleanup?.()\n        },\n        syncIndicatorRect(ctx) {\n          ctx.indicatorCleanup?.()\n\n          if (!dom.getIndicatorEl(ctx)) return\n\n          const value = ctx.value\n\n          const radioEl = dom.getActiveRadioEl(ctx)\n\n          if (value == null || !radioEl) {\n            ctx.indicatorRect = {}\n            return\n          }\n\n          ctx.indicatorCleanup = trackElementRect(radioEl, {\n            getRect(el) {\n              return dom.getOffsetRect(el)\n            },\n            onChange(rect) {\n              ctx.indicatorRect = dom.resolveRect(rect)\n              nextTick(() => {\n                ctx.canIndicatorTransition = false\n              })\n            },\n          })\n        },\n        dispatchChangeEvent(ctx) {\n          const inputEls = dom.getInputEls(ctx)\n          inputEls.forEach((inputEl) => {\n            const checked = inputEl.value === ctx.value\n            if (checked === inputEl.checked) return\n            dispatchInputCheckedEvent(inputEl, { checked })\n          })\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    if (ctx.value == null) return\n    ctx.onValueChange?.({ value: ctx.value })\n  },\n}\n\nconst set = {\n  value: (ctx: MachineContext, value: string) => {\n    if (isEqual(ctx.value, value)) return\n    ctx.value = value\n    invoke.change(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport type { ItemProps, UserDefinedContext } from \"./radio-group.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"name\",\n  \"onValueChange\",\n  \"orientation\",\n  \"value\",\n])\n\nexport const itemProps = createProps<ItemProps>()([\"value\", \"disabled\", \"invalid\"])\n"],"mappings":"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","names":["import_dom_query","props","import_dom_query","ctx"]}

package/dist/index.mjs

@@ -62,18 +62,18 @@ var dom = createScope({
 // src/radio-group.connect.ts
 function connect(state, send, normalize) {
   const isGroupDisabled = state.context.isDisabled;
-  function getItemState(props) {
+  function getItemState(props2) {
     return {
-      isInvalid: !!props.invalid,
-      isDisabled: !!props.disabled || isGroupDisabled,
-      isChecked: state.context.value === props.value,
-      isFocused: state.context.focusedId === props.value,
-      isHovered: state.context.hoveredId === props.value,
-      isActive: state.context.activeId === props.value
+      isInvalid: !!props2.invalid,
+      isDisabled: !!props2.disabled || isGroupDisabled,
+      isChecked: state.context.value === props2.value,
+      isFocused: state.context.focusedId === props2.value,
+      isHovered: state.context.hoveredId === props2.value,
+      isActive: state.context.activeId === props2.value
     };
   }
-  function getItemDataAttrs(props) {
-    const radioState = getItemState(props);
+  function getItemDataAttrs(props2) {
+    const radioState = getItemState(props2);
     return {
       "data-focus": dataAttr(radioState.isFocused),
       "data-disabled": dataAttr(radioState.isDisabled),
@@ -123,18 +123,18 @@ function connect(state, send, normalize) {
       id: dom.getLabelId(state.context),
       onClick: focus
     }),
-    getItemProps(props) {
-      const rootState = getItemState(props);
+    getItemProps(props2) {
+      const rootState = getItemState(props2);
       return normalize.label({
         ...parts.item.attrs,
         dir: state.context.dir,
-        id: dom.getItemId(state.context, props.value),
-        htmlFor: dom.getItemHiddenInputId(state.context, props.value),
-        ...getItemDataAttrs(props),
+        id: dom.getItemId(state.context, props2.value),
+        htmlFor: dom.getItemHiddenInputId(state.context, props2.value),
+        ...getItemDataAttrs(props2),
         onPointerMove() {
           if (rootState.isDisabled)
             return;
-          send({ type: "SET_HOVERED", value: props.value, hovered: true });
+          send({ type: "SET_HOVERED", value: props2.value, hovered: true });
         },
         onPointerLeave() {
           if (rootState.isDisabled)
@@ -147,7 +147,7 @@ function connect(state, send, normalize) {
           if (rootState.isFocused && event.pointerType === "mouse") {
             event.preventDefault();
           }
-          send({ type: "SET_ACTIVE", value: props.value, active: true });
+          send({ type: "SET_ACTIVE", value: props2.value, active: true });
         },
         onPointerUp() {
           if (rootState.isDisabled)
@@ -156,50 +156,50 @@ function connect(state, send, normalize) {
         }
       });
     },
-    getItemTextProps(props) {
+    getItemTextProps(props2) {
       return normalize.element({
         ...parts.itemText.attrs,
         dir: state.context.dir,
-        id: dom.getItemLabelId(state.context, props.value),
-        ...getItemDataAttrs(props)
+        id: dom.getItemLabelId(state.context, props2.value),
+        ...getItemDataAttrs(props2)
       });
     },
-    getItemControlProps(props) {
-      const controlState = getItemState(props);
+    getItemControlProps(props2) {
+      const controlState = getItemState(props2);
       return normalize.element({
         ...parts.itemControl.attrs,
         dir: state.context.dir,
-        id: dom.getItemControlId(state.context, props.value),
+        id: dom.getItemControlId(state.context, props2.value),
         "data-active": dataAttr(controlState.isActive),
         "aria-hidden": true,
-        ...getItemDataAttrs(props)
+        ...getItemDataAttrs(props2)
       });
     },
-    getItemHiddenInputProps(props) {
-      const inputState = getItemState(props);
+    getItemHiddenInputProps(props2) {
+      const inputState = getItemState(props2);
       return normalize.input({
         "data-ownedby": dom.getRootId(state.context),
-        id: dom.getItemHiddenInputId(state.context, props.value),
+        id: dom.getItemHiddenInputId(state.context, props2.value),
         type: "radio",
         name: state.context.name || state.context.id,
         form: state.context.form,
-        value: props.value,
+        value: props2.value,
         onChange(event) {
           if (inputState.isDisabled)
             return;
           if (event.target.checked) {
-            send({ type: "SET_VALUE", value: props.value, isTrusted: true });
+            send({ type: "SET_VALUE", value: props2.value, isTrusted: true });
           }
         },
         onBlur() {
           send({ type: "SET_FOCUSED", value: null });
         },
         onFocus() {
-          send({ type: "SET_FOCUSED", value: props.value, focused: true });
+          send({ type: "SET_FOCUSED", value: props2.value, focused: true });
         },
         onKeyDown(event) {
           if (event.key === " ") {
-            send({ type: "SET_ACTIVE", value: props.value, active: true });
+            send({ type: "SET_ACTIVE", value: props2.value, active: true });
           }
         },
         onKeyUp(event) {
@@ -385,9 +385,27 @@ var set = {
     invoke.change(ctx);
   }
 };
+
+// src/radio-group.props.ts
+import { createProps } from "@zag-js/types";
+var props = createProps()([
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "name",
+  "onValueChange",
+  "orientation",
+  "value"
+]);
+var itemProps = createProps()(["value", "disabled", "invalid"]);
 export {
   anatomy,
   connect,
-  machine
+  itemProps,
+  machine,
+  props
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio-group.anatomy.ts","../src/radio-group.connect.ts","../src/radio-group.dom.ts","../src/radio-group.machine.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"radio-group\").parts(\n  \"root\",\n  \"label\",\n  \"item\",\n  \"itemText\",\n  \"itemControl\",\n  \"indicator\",\n)\n\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./radio-group.anatomy\"\nimport { dom } from \"./radio-group.dom\"\nimport type { ItemProps, ItemState, MachineApi, Send, State } from \"./radio-group.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const isGroupDisabled = state.context.isDisabled\n\n  function getItemState(props: ItemProps): ItemState {\n    return {\n      isInvalid: !!props.invalid,\n      isDisabled: !!props.disabled || isGroupDisabled,\n      isChecked: state.context.value === props.value,\n      isFocused: state.context.focusedId === props.value,\n      isHovered: state.context.hoveredId === props.value,\n      isActive: state.context.activeId === props.value,\n    }\n  }\n\n  function getItemDataAttrs<T extends ItemProps>(props: T) {\n    const radioState = getItemState(props)\n    return {\n      \"data-focus\": dataAttr(radioState.isFocused),\n      \"data-disabled\": dataAttr(radioState.isDisabled),\n      \"data-state\": radioState.isChecked ? \"checked\" : \"unchecked\",\n      \"data-hover\": dataAttr(radioState.isHovered),\n      \"data-invalid\": dataAttr(radioState.isInvalid),\n      \"data-orientation\": state.context.orientation,\n    }\n  }\n\n  const focus = () => {\n    const firstEnabledAndCheckedInput = dom.getFirstEnabledAndCheckedInputEl(state.context)\n\n    if (firstEnabledAndCheckedInput) {\n      firstEnabledAndCheckedInput.focus()\n      return\n    }\n\n    const firstEnabledInput = dom.getFirstEnabledInputEl(state.context)\n    firstEnabledInput?.focus()\n  }\n\n  return {\n    focus,\n    value: state.context.value,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value, isTrusted: false })\n    },\n    clearValue() {\n      send({ type: \"SET_VALUE\", value: null, isTrusted: false })\n    },\n    getItemState,\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      role: \"radiogroup\",\n      id: dom.getRootId(state.context),\n      \"aria-labelledby\": dom.getLabelId(state.context),\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"aria-orientation\": state.context.orientation,\n      dir: state.context.dir,\n      style: {\n        position: \"relative\",\n      },\n    }),\n\n    labelProps: normalize.element({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      id: dom.getLabelId(state.context),\n      onClick: focus,\n    }),\n\n    getItemProps(props: ItemProps) {\n      const rootState = getItemState(props)\n\n      return normalize.label({\n        ...parts.item.attrs,\n        dir: state.context.dir,\n        id: dom.getItemId(state.context, props.value),\n        htmlFor: dom.getItemHiddenInputId(state.context, props.value),\n        ...getItemDataAttrs(props),\n        onPointerMove() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: props.value, hovered: true })\n        },\n        onPointerLeave() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: null })\n        },\n        onPointerDown(event) {\n          if (rootState.isDisabled) return\n          // On pointerdown, the input blurs and returns focus to the `body`,\n          // we need to prevent this.\n          if (rootState.isFocused && event.pointerType === \"mouse\") {\n            event.preventDefault()\n          }\n          send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n        },\n        onPointerUp() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_ACTIVE\", value: null })\n        },\n      })\n    },\n\n    getItemTextProps(props: ItemProps) {\n      return normalize.element({\n        ...parts.itemText.attrs,\n        dir: state.context.dir,\n        id: dom.getItemLabelId(state.context, props.value),\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemControlProps(props: ItemProps) {\n      const controlState = getItemState(props)\n\n      return normalize.element({\n        ...parts.itemControl.attrs,\n        dir: state.context.dir,\n        id: dom.getItemControlId(state.context, props.value),\n        \"data-active\": dataAttr(controlState.isActive),\n        \"aria-hidden\": true,\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemHiddenInputProps(props: ItemProps) {\n      const inputState = getItemState(props)\n\n      return normalize.input({\n        \"data-ownedby\": dom.getRootId(state.context),\n        id: dom.getItemHiddenInputId(state.context, props.value),\n        type: \"radio\",\n        name: state.context.name || state.context.id,\n        form: state.context.form,\n        value: props.value,\n        onChange(event) {\n          if (inputState.isDisabled) return\n\n          if (event.target.checked) {\n            send({ type: \"SET_VALUE\", value: props.value, isTrusted: true })\n          }\n        },\n        onBlur() {\n          send({ type: \"SET_FOCUSED\", value: null })\n        },\n        onFocus() {\n          send({ type: \"SET_FOCUSED\", value: props.value, focused: true })\n        },\n        onKeyDown(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n          }\n        },\n        onKeyUp(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: null })\n          }\n        },\n        disabled: inputState.isDisabled,\n        defaultChecked: inputState.isChecked,\n        style: visuallyHiddenStyle,\n      })\n    },\n\n    indicatorProps: normalize.element({\n      id: dom.getIndicatorId(state.context),\n      ...parts.indicator.attrs,\n      dir: state.context.dir,\n      hidden: state.context.value == null,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"data-orientation\": state.context.orientation,\n      style: {\n        \"--transition-property\": \"left, top, width, height\",\n        \"--left\": state.context.indicatorRect?.left,\n        \"--top\": state.context.indicatorRect?.top,\n        \"--width\": state.context.indicatorRect?.width,\n        \"--height\": state.context.indicatorRect?.height,\n        position: \"absolute\",\n        willChange: \"var(--transition-property)\",\n        transitionProperty: \"var(--transition-property)\",\n        transitionDuration: state.context.canIndicatorTransition ? \"var(--transition-duration, 150ms)\" : \"0ms\",\n        transitionTimingFunction: \"var(--transition-timing-function)\",\n        [state.context.orientation === \"horizontal\" ? \"left\" : \"top\"]:\n          state.context.orientation === \"horizontal\" ? \"var(--left)\" : \"var(--top)\",\n      },\n    }),\n  }\n}\n","import { createScope, queryAll } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./radio-group.types\"\n\nexport const dom = createScope({\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,\n  getItemId: (ctx: Ctx, value: string) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,\n  getItemHiddenInputId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemHiddenInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,\n  getItemControlId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,\n  getItemLabelId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,\n  getIndicatorId: (ctx: Ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getItemHiddenInputEl: (ctx: Ctx, value: string) =>\n    dom.getById<HTMLInputElement>(ctx, dom.getItemHiddenInputId(ctx, value)),\n  getIndicatorEl: (ctx: Ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),\n\n  getFirstEnabledInputEl: (ctx: Ctx) => dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled)\"),\n  getFirstEnabledAndCheckedInputEl: (ctx: Ctx) =>\n    dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled):checked\"),\n\n  getInputEls: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n\n  getActiveRadioEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getById(ctx, dom.getItemId(ctx, ctx.value))\n  },\n\n  getOffsetRect: (el: HTMLElement | undefined) => ({\n    left: el?.offsetLeft ?? 0,\n    top: el?.offsetTop ?? 0,\n    width: el?.offsetWidth ?? 0,\n    height: el?.offsetHeight ?? 0,\n  }),\n\n  getRectById: (ctx: Ctx, id: string) => {\n    const radioEl = dom.getById(ctx, dom.getItemId(ctx, id))\n    if (!radioEl) return\n    return dom.resolveRect(dom.getOffsetRect(radioEl))\n  },\n\n  resolveRect: (rect: Record<\"width\" | \"height\" | \"left\" | \"top\", number>) => ({\n    width: `${rect.width}px`,\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    top: `${rect.top}px`,\n  }),\n})\n","import { createMachine, guards } from \"@zag-js/core\"\nimport { nextTick } from \"@zag-js/dom-query\"\nimport { trackElementRect } from \"@zag-js/element-rect\"\nimport { dispatchInputCheckedEvent, trackFormControl } from \"@zag-js/form-utils\"\nimport { compact, isEqual, isString } from \"@zag-js/utils\"\nimport { dom } from \"./radio-group.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./radio-group.types\"\n\nconst { not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"radio\",\n      initial: \"idle\",\n      context: {\n        value: null,\n        activeId: null,\n        focusedId: null,\n        hoveredId: null,\n        disabled: false,\n        orientation: \"vertical\",\n        ...ctx,\n        indicatorRect: {},\n        canIndicatorTransition: false,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n      },\n\n      entry: [\"syncIndicatorRect\"],\n\n      exit: [\"cleanupObserver\"],\n\n      activities: [\"trackFormControlState\"],\n\n      watch: {\n        value: [\"setIndicatorTransition\", \"syncIndicatorRect\", \"syncInputElements\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: not(\"isTrusted\"),\n            actions: [\"setValue\", \"dispatchChangeEvent\"],\n          },\n          {\n            actions: [\"setValue\"],\n          },\n        ],\n        SET_HOVERED: {\n          actions: \"setHovered\",\n        },\n        SET_ACTIVE: {\n          actions: \"setActive\",\n        },\n        SET_FOCUSED: {\n          actions: \"setFocused\",\n        },\n      },\n\n      states: {\n        idle: {},\n      },\n    },\n\n    {\n      guards: {\n        isTrusted: (_ctx, evt) => !!evt.isTrusted,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { send, initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              send({ type: \"SET_VALUE\", value: initialContext.value })\n            },\n          })\n        },\n      },\n\n      actions: {\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        setHovered(ctx, evt) {\n          ctx.hoveredId = evt.value\n        },\n        setActive(ctx, evt) {\n          ctx.activeId = evt.value\n        },\n        setFocused(ctx, evt) {\n          ctx.focusedId = evt.value\n        },\n        syncInputElements(ctx) {\n          const inputs = dom.getInputEls(ctx)\n          inputs.forEach((input) => {\n            input.checked = input.value === ctx.value\n          })\n        },\n        setIndicatorTransition(ctx) {\n          ctx.canIndicatorTransition = isString(ctx.value)\n        },\n        cleanupObserver(ctx) {\n          ctx.indicatorCleanup?.()\n        },\n        syncIndicatorRect(ctx) {\n          ctx.indicatorCleanup?.()\n\n          if (!dom.getIndicatorEl(ctx)) return\n\n          const value = ctx.value\n\n          const radioEl = dom.getActiveRadioEl(ctx)\n\n          if (value == null || !radioEl) {\n            ctx.indicatorRect = {}\n            return\n          }\n\n          ctx.indicatorCleanup = trackElementRect(radioEl, {\n            getRect(el) {\n              return dom.getOffsetRect(el)\n            },\n            onChange(rect) {\n              ctx.indicatorRect = dom.resolveRect(rect)\n              nextTick(() => {\n                ctx.canIndicatorTransition = false\n              })\n            },\n          })\n        },\n        dispatchChangeEvent(ctx) {\n          const inputEls = dom.getInputEls(ctx)\n          inputEls.forEach((inputEl) => {\n            const checked = inputEl.value === ctx.value\n            if (checked === inputEl.checked) return\n            dispatchInputCheckedEvent(inputEl, { checked })\n          })\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    if (ctx.value == null) return\n    ctx.onValueChange?.({ value: ctx.value })\n  },\n}\n\nconst set = {\n  value: (ctx: MachineContext, value: string) => {\n    if (isEqual(ctx.value, value)) return\n    ctx.value = value\n    invoke.change(ctx)\n  },\n}\n"],"mappings":"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","names":["ctx"]}
+{"version":3,"sources":["../src/radio-group.anatomy.ts","../src/radio-group.connect.ts","../src/radio-group.dom.ts","../src/radio-group.machine.ts","../src/radio-group.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"radio-group\").parts(\n  \"root\",\n  \"label\",\n  \"item\",\n  \"itemText\",\n  \"itemControl\",\n  \"indicator\",\n)\n\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./radio-group.anatomy\"\nimport { dom } from \"./radio-group.dom\"\nimport type { ItemProps, ItemState, MachineApi, Send, State } from \"./radio-group.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const isGroupDisabled = state.context.isDisabled\n\n  function getItemState(props: ItemProps): ItemState {\n    return {\n      isInvalid: !!props.invalid,\n      isDisabled: !!props.disabled || isGroupDisabled,\n      isChecked: state.context.value === props.value,\n      isFocused: state.context.focusedId === props.value,\n      isHovered: state.context.hoveredId === props.value,\n      isActive: state.context.activeId === props.value,\n    }\n  }\n\n  function getItemDataAttrs<T extends ItemProps>(props: T) {\n    const radioState = getItemState(props)\n    return {\n      \"data-focus\": dataAttr(radioState.isFocused),\n      \"data-disabled\": dataAttr(radioState.isDisabled),\n      \"data-state\": radioState.isChecked ? \"checked\" : \"unchecked\",\n      \"data-hover\": dataAttr(radioState.isHovered),\n      \"data-invalid\": dataAttr(radioState.isInvalid),\n      \"data-orientation\": state.context.orientation,\n    }\n  }\n\n  const focus = () => {\n    const firstEnabledAndCheckedInput = dom.getFirstEnabledAndCheckedInputEl(state.context)\n\n    if (firstEnabledAndCheckedInput) {\n      firstEnabledAndCheckedInput.focus()\n      return\n    }\n\n    const firstEnabledInput = dom.getFirstEnabledInputEl(state.context)\n    firstEnabledInput?.focus()\n  }\n\n  return {\n    focus,\n    value: state.context.value,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value, isTrusted: false })\n    },\n    clearValue() {\n      send({ type: \"SET_VALUE\", value: null, isTrusted: false })\n    },\n    getItemState,\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      role: \"radiogroup\",\n      id: dom.getRootId(state.context),\n      \"aria-labelledby\": dom.getLabelId(state.context),\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"aria-orientation\": state.context.orientation,\n      dir: state.context.dir,\n      style: {\n        position: \"relative\",\n      },\n    }),\n\n    labelProps: normalize.element({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-orientation\": state.context.orientation,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      id: dom.getLabelId(state.context),\n      onClick: focus,\n    }),\n\n    getItemProps(props: ItemProps) {\n      const rootState = getItemState(props)\n\n      return normalize.label({\n        ...parts.item.attrs,\n        dir: state.context.dir,\n        id: dom.getItemId(state.context, props.value),\n        htmlFor: dom.getItemHiddenInputId(state.context, props.value),\n        ...getItemDataAttrs(props),\n        onPointerMove() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: props.value, hovered: true })\n        },\n        onPointerLeave() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_HOVERED\", value: null })\n        },\n        onPointerDown(event) {\n          if (rootState.isDisabled) return\n          // On pointerdown, the input blurs and returns focus to the `body`,\n          // we need to prevent this.\n          if (rootState.isFocused && event.pointerType === \"mouse\") {\n            event.preventDefault()\n          }\n          send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n        },\n        onPointerUp() {\n          if (rootState.isDisabled) return\n          send({ type: \"SET_ACTIVE\", value: null })\n        },\n      })\n    },\n\n    getItemTextProps(props: ItemProps) {\n      return normalize.element({\n        ...parts.itemText.attrs,\n        dir: state.context.dir,\n        id: dom.getItemLabelId(state.context, props.value),\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemControlProps(props: ItemProps) {\n      const controlState = getItemState(props)\n\n      return normalize.element({\n        ...parts.itemControl.attrs,\n        dir: state.context.dir,\n        id: dom.getItemControlId(state.context, props.value),\n        \"data-active\": dataAttr(controlState.isActive),\n        \"aria-hidden\": true,\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemHiddenInputProps(props: ItemProps) {\n      const inputState = getItemState(props)\n\n      return normalize.input({\n        \"data-ownedby\": dom.getRootId(state.context),\n        id: dom.getItemHiddenInputId(state.context, props.value),\n        type: \"radio\",\n        name: state.context.name || state.context.id,\n        form: state.context.form,\n        value: props.value,\n        onChange(event) {\n          if (inputState.isDisabled) return\n\n          if (event.target.checked) {\n            send({ type: \"SET_VALUE\", value: props.value, isTrusted: true })\n          }\n        },\n        onBlur() {\n          send({ type: \"SET_FOCUSED\", value: null })\n        },\n        onFocus() {\n          send({ type: \"SET_FOCUSED\", value: props.value, focused: true })\n        },\n        onKeyDown(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n          }\n        },\n        onKeyUp(event) {\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: null })\n          }\n        },\n        disabled: inputState.isDisabled,\n        defaultChecked: inputState.isChecked,\n        style: visuallyHiddenStyle,\n      })\n    },\n\n    indicatorProps: normalize.element({\n      id: dom.getIndicatorId(state.context),\n      ...parts.indicator.attrs,\n      dir: state.context.dir,\n      hidden: state.context.value == null,\n      \"data-disabled\": dataAttr(isGroupDisabled),\n      \"data-orientation\": state.context.orientation,\n      style: {\n        \"--transition-property\": \"left, top, width, height\",\n        \"--left\": state.context.indicatorRect?.left,\n        \"--top\": state.context.indicatorRect?.top,\n        \"--width\": state.context.indicatorRect?.width,\n        \"--height\": state.context.indicatorRect?.height,\n        position: \"absolute\",\n        willChange: \"var(--transition-property)\",\n        transitionProperty: \"var(--transition-property)\",\n        transitionDuration: state.context.canIndicatorTransition ? \"var(--transition-duration, 150ms)\" : \"0ms\",\n        transitionTimingFunction: \"var(--transition-timing-function)\",\n        [state.context.orientation === \"horizontal\" ? \"left\" : \"top\"]:\n          state.context.orientation === \"horizontal\" ? \"var(--left)\" : \"var(--top)\",\n      },\n    }),\n  }\n}\n","import { createScope, queryAll } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./radio-group.types\"\n\nexport const dom = createScope({\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,\n  getItemId: (ctx: Ctx, value: string) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,\n  getItemHiddenInputId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemHiddenInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,\n  getItemControlId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,\n  getItemLabelId: (ctx: Ctx, value: string) =>\n    ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,\n  getIndicatorId: (ctx: Ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getItemHiddenInputEl: (ctx: Ctx, value: string) =>\n    dom.getById<HTMLInputElement>(ctx, dom.getItemHiddenInputId(ctx, value)),\n  getIndicatorEl: (ctx: Ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),\n\n  getFirstEnabledInputEl: (ctx: Ctx) => dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled)\"),\n  getFirstEnabledAndCheckedInputEl: (ctx: Ctx) =>\n    dom.getRootEl(ctx)?.querySelector<HTMLInputElement>(\"input:not(:disabled):checked\"),\n\n  getInputEls: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n\n  getActiveRadioEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getById(ctx, dom.getItemId(ctx, ctx.value))\n  },\n\n  getOffsetRect: (el: HTMLElement | undefined) => ({\n    left: el?.offsetLeft ?? 0,\n    top: el?.offsetTop ?? 0,\n    width: el?.offsetWidth ?? 0,\n    height: el?.offsetHeight ?? 0,\n  }),\n\n  getRectById: (ctx: Ctx, id: string) => {\n    const radioEl = dom.getById(ctx, dom.getItemId(ctx, id))\n    if (!radioEl) return\n    return dom.resolveRect(dom.getOffsetRect(radioEl))\n  },\n\n  resolveRect: (rect: Record<\"width\" | \"height\" | \"left\" | \"top\", number>) => ({\n    width: `${rect.width}px`,\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    top: `${rect.top}px`,\n  }),\n})\n","import { createMachine, guards } from \"@zag-js/core\"\nimport { nextTick } from \"@zag-js/dom-query\"\nimport { trackElementRect } from \"@zag-js/element-rect\"\nimport { dispatchInputCheckedEvent, trackFormControl } from \"@zag-js/form-utils\"\nimport { compact, isEqual, isString } from \"@zag-js/utils\"\nimport { dom } from \"./radio-group.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./radio-group.types\"\n\nconst { not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"radio\",\n      initial: \"idle\",\n      context: {\n        value: null,\n        activeId: null,\n        focusedId: null,\n        hoveredId: null,\n        disabled: false,\n        orientation: \"vertical\",\n        ...ctx,\n        indicatorRect: {},\n        canIndicatorTransition: false,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n      },\n\n      entry: [\"syncIndicatorRect\"],\n\n      exit: [\"cleanupObserver\"],\n\n      activities: [\"trackFormControlState\"],\n\n      watch: {\n        value: [\"setIndicatorTransition\", \"syncIndicatorRect\", \"syncInputElements\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: not(\"isTrusted\"),\n            actions: [\"setValue\", \"dispatchChangeEvent\"],\n          },\n          {\n            actions: [\"setValue\"],\n          },\n        ],\n        SET_HOVERED: {\n          actions: \"setHovered\",\n        },\n        SET_ACTIVE: {\n          actions: \"setActive\",\n        },\n        SET_FOCUSED: {\n          actions: \"setFocused\",\n        },\n      },\n\n      states: {\n        idle: {},\n      },\n    },\n\n    {\n      guards: {\n        isTrusted: (_ctx, evt) => !!evt.isTrusted,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { send, initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              send({ type: \"SET_VALUE\", value: initialContext.value })\n            },\n          })\n        },\n      },\n\n      actions: {\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        setHovered(ctx, evt) {\n          ctx.hoveredId = evt.value\n        },\n        setActive(ctx, evt) {\n          ctx.activeId = evt.value\n        },\n        setFocused(ctx, evt) {\n          ctx.focusedId = evt.value\n        },\n        syncInputElements(ctx) {\n          const inputs = dom.getInputEls(ctx)\n          inputs.forEach((input) => {\n            input.checked = input.value === ctx.value\n          })\n        },\n        setIndicatorTransition(ctx) {\n          ctx.canIndicatorTransition = isString(ctx.value)\n        },\n        cleanupObserver(ctx) {\n          ctx.indicatorCleanup?.()\n        },\n        syncIndicatorRect(ctx) {\n          ctx.indicatorCleanup?.()\n\n          if (!dom.getIndicatorEl(ctx)) return\n\n          const value = ctx.value\n\n          const radioEl = dom.getActiveRadioEl(ctx)\n\n          if (value == null || !radioEl) {\n            ctx.indicatorRect = {}\n            return\n          }\n\n          ctx.indicatorCleanup = trackElementRect(radioEl, {\n            getRect(el) {\n              return dom.getOffsetRect(el)\n            },\n            onChange(rect) {\n              ctx.indicatorRect = dom.resolveRect(rect)\n              nextTick(() => {\n                ctx.canIndicatorTransition = false\n              })\n            },\n          })\n        },\n        dispatchChangeEvent(ctx) {\n          const inputEls = dom.getInputEls(ctx)\n          inputEls.forEach((inputEl) => {\n            const checked = inputEl.value === ctx.value\n            if (checked === inputEl.checked) return\n            dispatchInputCheckedEvent(inputEl, { checked })\n          })\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    if (ctx.value == null) return\n    ctx.onValueChange?.({ value: ctx.value })\n  },\n}\n\nconst set = {\n  value: (ctx: MachineContext, value: string) => {\n    if (isEqual(ctx.value, value)) return\n    ctx.value = value\n    invoke.change(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport type { ItemProps, UserDefinedContext } from \"./radio-group.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"name\",\n  \"onValueChange\",\n  \"orientation\",\n  \"value\",\n])\n\nexport const itemProps = createProps<ItemProps>()([\"value\", \"disabled\", \"invalid\"])\n"],"mappings":";AAAA,SAAS,qBAAqB;AAEvB,IAAM,UAAU,cAAc,aAAa,EAAE;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,QAAQ,QAAQ,MAAM;;;ACXnC,SAAS,gBAAgB;AAEzB,SAAS,2BAA2B;;;ACFpC,SAAS,aAAa,gBAAgB;AAG/B,IAAM,MAAM,YAAY;AAAA,EAC7B,WAAW,CAAC,QAAa,IAAI,KAAK,QAAQ,eAAe,IAAI,EAAE;AAAA,EAC/D,YAAY,CAAC,QAAa,IAAI,KAAK,SAAS,eAAe,IAAI,EAAE;AAAA,EACjE,WAAW,CAAC,KAAU,UAAkB,IAAI,KAAK,OAAO,KAAK,KAAK,eAAe,IAAI,EAAE,UAAU,KAAK;AAAA,EACtG,sBAAsB,CAAC,KAAU,UAC/B,IAAI,KAAK,kBAAkB,KAAK,KAAK,eAAe,IAAI,EAAE,gBAAgB,KAAK;AAAA,EACjF,kBAAkB,CAAC,KAAU,UAC3B,IAAI,KAAK,cAAc,KAAK,KAAK,eAAe,IAAI,EAAE,kBAAkB,KAAK;AAAA,EAC/E,gBAAgB,CAAC,KAAU,UACzB,IAAI,KAAK,YAAY,KAAK,KAAK,eAAe,IAAI,EAAE,gBAAgB,KAAK;AAAA,EAC3E,gBAAgB,CAAC,QAAa,IAAI,KAAK,aAAa,eAAe,IAAI,EAAE;AAAA,EAEzE,WAAW,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,UAAU,GAAG,CAAC;AAAA,EAC5D,sBAAsB,CAAC,KAAU,UAC/B,IAAI,QAA0B,KAAK,IAAI,qBAAqB,KAAK,KAAK,CAAC;AAAA,EACzE,gBAAgB,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,eAAe,GAAG,CAAC;AAAA,EAEtE,wBAAwB,CAAC,QAAa,IAAI,UAAU,GAAG,GAAG,cAAgC,sBAAsB;AAAA,EAChH,kCAAkC,CAAC,QACjC,IAAI,UAAU,GAAG,GAAG,cAAgC,8BAA8B;AAAA,EAEpF,aAAa,CAAC,QAAa;AACzB,UAAM,UAAU,IAAI,OAAO,IAAI,UAAU,GAAG,CAAC;AAC7C,UAAM,WAAW,mCAAmC,OAAO;AAC3D,WAAO,SAA2B,IAAI,UAAU,GAAG,GAAG,QAAQ;AAAA,EAChE;AAAA,EAEA,kBAAkB,CAAC,QAAa;AAC9B,QAAI,CAAC,IAAI;AAAO;AAChB,WAAO,IAAI,QAAQ,KAAK,IAAI,UAAU,KAAK,IAAI,KAAK,CAAC;AAAA,EACvD;AAAA,EAEA,eAAe,CAAC,QAAiC;AAAA,IAC/C,MAAM,IAAI,cAAc;AAAA,IACxB,KAAK,IAAI,aAAa;AAAA,IACtB,OAAO,IAAI,eAAe;AAAA,IAC1B,QAAQ,IAAI,gBAAgB;AAAA,EAC9B;AAAA,EAEA,aAAa,CAAC,KAAU,OAAe;AACrC,UAAM,UAAU,IAAI,QAAQ,KAAK,IAAI,UAAU,KAAK,EAAE,CAAC;AACvD,QAAI,CAAC;AAAS;AACd,WAAO,IAAI,YAAY,IAAI,cAAc,OAAO,CAAC;AAAA,EACnD;AAAA,EAEA,aAAa,CAAC,UAA+D;AAAA,IAC3E,OAAO,GAAG,KAAK,KAAK;AAAA,IACpB,QAAQ,GAAG,KAAK,MAAM;AAAA,IACtB,MAAM,GAAG,KAAK,IAAI;AAAA,IAClB,KAAK,GAAG,KAAK,GAAG;AAAA,EAClB;AACF,CAAC;;;AD/CM,SAAS,QAA6B,OAAc,MAAY,WAA6C;AAClH,QAAM,kBAAkB,MAAM,QAAQ;AAEtC,WAAS,aAAaA,QAA6B;AACjD,WAAO;AAAA,MACL,WAAW,CAAC,CAACA,OAAM;AAAA,MACnB,YAAY,CAAC,CAACA,OAAM,YAAY;AAAA,MAChC,WAAW,MAAM,QAAQ,UAAUA,OAAM;AAAA,MACzC,WAAW,MAAM,QAAQ,cAAcA,OAAM;AAAA,MAC7C,WAAW,MAAM,QAAQ,cAAcA,OAAM;AAAA,MAC7C,UAAU,MAAM,QAAQ,aAAaA,OAAM;AAAA,IAC7C;AAAA,EACF;AAEA,WAAS,iBAAsCA,QAAU;AACvD,UAAM,aAAa,aAAaA,MAAK;AACrC,WAAO;AAAA,MACL,cAAc,SAAS,WAAW,SAAS;AAAA,MAC3C,iBAAiB,SAAS,WAAW,UAAU;AAAA,MAC/C,cAAc,WAAW,YAAY,YAAY;AAAA,MACjD,cAAc,SAAS,WAAW,SAAS;AAAA,MAC3C,gBAAgB,SAAS,WAAW,SAAS;AAAA,MAC7C,oBAAoB,MAAM,QAAQ;AAAA,IACpC;AAAA,EACF;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,8BAA8B,IAAI,iCAAiC,MAAM,OAAO;AAEtF,QAAI,6BAA6B;AAC/B,kCAA4B,MAAM;AAClC;AAAA,IACF;AAEA,UAAM,oBAAoB,IAAI,uBAAuB,MAAM,OAAO;AAClE,uBAAmB,MAAM;AAAA,EAC3B;AAEA,SAAO;AAAA,IACL;AAAA,IACA,OAAO,MAAM,QAAQ;AAAA,IACrB,SAAS,OAAO;AACd,WAAK,EAAE,MAAM,aAAa,OAAO,WAAW,MAAM,CAAC;AAAA,IACrD;AAAA,IACA,aAAa;AACX,WAAK,EAAE,MAAM,aAAa,OAAO,MAAM,WAAW,MAAM,CAAC;AAAA,IAC3D;AAAA,IACA;AAAA,IAEA,WAAW,UAAU,QAAQ;AAAA,MAC3B,GAAG,MAAM,KAAK;AAAA,MACd,MAAM;AAAA,MACN,IAAI,IAAI,UAAU,MAAM,OAAO;AAAA,MAC/B,mBAAmB,IAAI,WAAW,MAAM,OAAO;AAAA,MAC/C,oBAAoB,MAAM,QAAQ;AAAA,MAClC,iBAAiB,SAAS,eAAe;AAAA,MACzC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,KAAK,MAAM,QAAQ;AAAA,MACnB,OAAO;AAAA,QACL,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,IAED,YAAY,UAAU,QAAQ;AAAA,MAC5B,GAAG,MAAM,MAAM;AAAA,MACf,KAAK,MAAM,QAAQ;AAAA,MACnB,oBAAoB,MAAM,QAAQ;AAAA,MAClC,iBAAiB,SAAS,eAAe;AAAA,MACzC,IAAI,IAAI,WAAW,MAAM,OAAO;AAAA,MAChC,SAAS;AAAA,IACX,CAAC;AAAA,IAED,aAAaA,QAAkB;AAC7B,YAAM,YAAY,aAAaA,MAAK;AAEpC,aAAO,UAAU,MAAM;AAAA,QACrB,GAAG,MAAM,KAAK;AAAA,QACd,KAAK,MAAM,QAAQ;AAAA,QACnB,IAAI,IAAI,UAAU,MAAM,SAASA,OAAM,KAAK;AAAA,QAC5C,SAAS,IAAI,qBAAqB,MAAM,SAASA,OAAM,KAAK;AAAA,QAC5D,GAAG,iBAAiBA,MAAK;AAAA,QACzB,gBAAgB;AACd,cAAI,UAAU;AAAY;AAC1B,eAAK,EAAE,MAAM,eAAe,OAAOA,OAAM,OAAO,SAAS,KAAK,CAAC;AAAA,QACjE;AAAA,QACA,iBAAiB;AACf,cAAI,UAAU;AAAY;AAC1B,eAAK,EAAE,MAAM,eAAe,OAAO,KAAK,CAAC;AAAA,QAC3C;AAAA,QACA,cAAc,OAAO;AACnB,cAAI,UAAU;AAAY;AAG1B,cAAI,UAAU,aAAa,MAAM,gBAAgB,SAAS;AACxD,kBAAM,eAAe;AAAA,UACvB;AACA,eAAK,EAAE,MAAM,cAAc,OAAOA,OAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,QAC/D;AAAA,QACA,cAAc;AACZ,cAAI,UAAU;AAAY;AAC1B,eAAK,EAAE,MAAM,cAAc,OAAO,KAAK,CAAC;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEA,iBAAiBA,QAAkB;AACjC,aAAO,UAAU,QAAQ;AAAA,QACvB,GAAG,MAAM,SAAS;AAAA,QAClB,KAAK,MAAM,QAAQ;AAAA,QACnB,IAAI,IAAI,eAAe,MAAM,SAASA,OAAM,KAAK;AAAA,QACjD,GAAG,iBAAiBA,MAAK;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,IAEA,oBAAoBA,QAAkB;AACpC,YAAM,eAAe,aAAaA,MAAK;AAEvC,aAAO,UAAU,QAAQ;AAAA,QACvB,GAAG,MAAM,YAAY;AAAA,QACrB,KAAK,MAAM,QAAQ;AAAA,QACnB,IAAI,IAAI,iBAAiB,MAAM,SAASA,OAAM,KAAK;AAAA,QACnD,eAAe,SAAS,aAAa,QAAQ;AAAA,QAC7C,eAAe;AAAA,QACf,GAAG,iBAAiBA,MAAK;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,IAEA,wBAAwBA,QAAkB;AACxC,YAAM,aAAa,aAAaA,MAAK;AAErC,aAAO,UAAU,MAAM;AAAA,QACrB,gBAAgB,IAAI,UAAU,MAAM,OAAO;AAAA,QAC3C,IAAI,IAAI,qBAAqB,MAAM,SAASA,OAAM,KAAK;AAAA,QACvD,MAAM;AAAA,QACN,MAAM,MAAM,QAAQ,QAAQ,MAAM,QAAQ;AAAA,QAC1C,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAOA,OAAM;AAAA,QACb,SAAS,OAAO;AACd,cAAI,WAAW;AAAY;AAE3B,cAAI,MAAM,OAAO,SAAS;AACxB,iBAAK,EAAE,MAAM,aAAa,OAAOA,OAAM,OAAO,WAAW,KAAK,CAAC;AAAA,UACjE;AAAA,QACF;AAAA,QACA,SAAS;AACP,eAAK,EAAE,MAAM,eAAe,OAAO,KAAK,CAAC;AAAA,QAC3C;AAAA,QACA,UAAU;AACR,eAAK,EAAE,MAAM,eAAe,OAAOA,OAAM,OAAO,SAAS,KAAK,CAAC;AAAA,QACjE;AAAA,QACA,UAAU,OAAO;AACf,cAAI,MAAM,QAAQ,KAAK;AACrB,iBAAK,EAAE,MAAM,cAAc,OAAOA,OAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,UAC/D;AAAA,QACF;AAAA,QACA,QAAQ,OAAO;AACb,cAAI,MAAM,QAAQ,KAAK;AACrB,iBAAK,EAAE,MAAM,cAAc,OAAO,KAAK,CAAC;AAAA,UAC1C;AAAA,QACF;AAAA,QACA,UAAU,WAAW;AAAA,QACrB,gBAAgB,WAAW;AAAA,QAC3B,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IAEA,gBAAgB,UAAU,QAAQ;AAAA,MAChC,IAAI,IAAI,eAAe,MAAM,OAAO;AAAA,MACpC,GAAG,MAAM,UAAU;AAAA,MACnB,KAAK,MAAM,QAAQ;AAAA,MACnB,QAAQ,MAAM,QAAQ,SAAS;AAAA,MAC/B,iBAAiB,SAAS,eAAe;AAAA,MACzC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,OAAO;AAAA,QACL,yBAAyB;AAAA,QACzB,UAAU,MAAM,QAAQ,eAAe;AAAA,QACvC,SAAS,MAAM,QAAQ,eAAe;AAAA,QACtC,WAAW,MAAM,QAAQ,eAAe;AAAA,QACxC,YAAY,MAAM,QAAQ,eAAe;AAAA,QACzC,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,oBAAoB;AAAA,QACpB,oBAAoB,MAAM,QAAQ,yBAAyB,sCAAsC;AAAA,QACjG,0BAA0B;AAAA,QAC1B,CAAC,MAAM,QAAQ,gBAAgB,eAAe,SAAS,KAAK,GAC1D,MAAM,QAAQ,gBAAgB,eAAe,gBAAgB;AAAA,MACjE;AAAA,IACF,CAAC;AAAA,EACH;AACF;;;AEpMA,SAAS,eAAe,cAAc;AACtC,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,2BAA2B,wBAAwB;AAC5D,SAAS,SAAS,SAAS,gBAAgB;AAI3C,IAAM,EAAE,IAAI,IAAI;AAET,SAAS,QAAQ,aAAiC;AACvD,QAAM,MAAM,QAAQ,WAAW;AAC/B,SAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,QACP,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,aAAa;AAAA,QACb,GAAG;AAAA,QACH,eAAe,CAAC;AAAA,QAChB,wBAAwB;AAAA,QACxB,kBAAkB;AAAA,MACpB;AAAA,MAEA,UAAU;AAAA,QACR,YAAY,CAACC,SAAQ,CAAC,CAACA,KAAI,YAAYA,KAAI;AAAA,MAC7C;AAAA,MAEA,OAAO,CAAC,mBAAmB;AAAA,MAE3B,MAAM,CAAC,iBAAiB;AAAA,MAExB,YAAY,CAAC,uBAAuB;AAAA,MAEpC,OAAO;AAAA,QACL,OAAO,CAAC,0BAA0B,qBAAqB,mBAAmB;AAAA,MAC5E;AAAA,MAEA,IAAI;AAAA,QACF,WAAW;AAAA,UACT;AAAA,YACE,OAAO,IAAI,WAAW;AAAA,YACtB,SAAS,CAAC,YAAY,qBAAqB;AAAA,UAC7C;AAAA,UACA;AAAA,YACE,SAAS,CAAC,UAAU;AAAA,UACtB;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX,SAAS;AAAA,QACX;AAAA,QACA,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA,aAAa;AAAA,UACX,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MAEA,QAAQ;AAAA,QACN,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA;AAAA,MACE,QAAQ;AAAA,QACN,WAAW,CAAC,MAAM,QAAQ,CAAC,CAAC,IAAI;AAAA,MAClC;AAAA,MACA,YAAY;AAAA,QACV,sBAAsBA,MAAK,MAAM,EAAE,MAAM,eAAe,GAAG;AACzD,iBAAO,iBAAiB,IAAI,UAAUA,IAAG,GAAG;AAAA,YAC1C,yBAAyB,UAAU;AACjC,cAAAA,KAAI,mBAAmB;AAAA,YACzB;AAAA,YACA,cAAc;AACZ,mBAAK,EAAE,MAAM,aAAa,OAAO,eAAe,MAAM,CAAC;AAAA,YACzD;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MAEA,SAAS;AAAA,QACP,SAASA,MAAK,KAAK;AACjB,cAAI,MAAMA,MAAK,IAAI,KAAK;AAAA,QAC1B;AAAA,QACA,WAAWA,MAAK,KAAK;AACnB,UAAAA,KAAI,YAAY,IAAI;AAAA,QACtB;AAAA,QACA,UAAUA,MAAK,KAAK;AAClB,UAAAA,KAAI,WAAW,IAAI;AAAA,QACrB;AAAA,QACA,WAAWA,MAAK,KAAK;AACnB,UAAAA,KAAI,YAAY,IAAI;AAAA,QACtB;AAAA,QACA,kBAAkBA,MAAK;AACrB,gBAAM,SAAS,IAAI,YAAYA,IAAG;AAClC,iBAAO,QAAQ,CAAC,UAAU;AACxB,kBAAM,UAAU,MAAM,UAAUA,KAAI;AAAA,UACtC,CAAC;AAAA,QACH;AAAA,QACA,uBAAuBA,MAAK;AAC1B,UAAAA,KAAI,yBAAyB,SAASA,KAAI,KAAK;AAAA,QACjD;AAAA,QACA,gBAAgBA,MAAK;AACnB,UAAAA,KAAI,mBAAmB;AAAA,QACzB;AAAA,QACA,kBAAkBA,MAAK;AACrB,UAAAA,KAAI,mBAAmB;AAEvB,cAAI,CAAC,IAAI,eAAeA,IAAG;AAAG;AAE9B,gBAAM,QAAQA,KAAI;AAElB,gBAAM,UAAU,IAAI,iBAAiBA,IAAG;AAExC,cAAI,SAAS,QAAQ,CAAC,SAAS;AAC7B,YAAAA,KAAI,gBAAgB,CAAC;AACrB;AAAA,UACF;AAEA,UAAAA,KAAI,mBAAmB,iBAAiB,SAAS;AAAA,YAC/C,QAAQ,IAAI;AACV,qBAAO,IAAI,cAAc,EAAE;AAAA,YAC7B;AAAA,YACA,SAAS,MAAM;AACb,cAAAA,KAAI,gBAAgB,IAAI,YAAY,IAAI;AACxC,uBAAS,MAAM;AACb,gBAAAA,KAAI,yBAAyB;AAAA,cAC/B,CAAC;AAAA,YACH;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,oBAAoBA,MAAK;AACvB,gBAAM,WAAW,IAAI,YAAYA,IAAG;AACpC,mBAAS,QAAQ,CAAC,YAAY;AAC5B,kBAAM,UAAU,QAAQ,UAAUA,KAAI;AACtC,gBAAI,YAAY,QAAQ;AAAS;AACjC,sCAA0B,SAAS,EAAE,QAAQ,CAAC;AAAA,UAChD,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,SAAS;AAAA,EACb,QAAQ,CAAC,QAAwB;AAC/B,QAAI,IAAI,SAAS;AAAM;AACvB,QAAI,gBAAgB,EAAE,OAAO,IAAI,MAAM,CAAC;AAAA,EAC1C;AACF;AAEA,IAAM,MAAM;AAAA,EACV,OAAO,CAAC,KAAqB,UAAkB;AAC7C,QAAI,QAAQ,IAAI,OAAO,KAAK;AAAG;AAC/B,QAAI,QAAQ;AACZ,WAAO,OAAO,GAAG;AAAA,EACnB;AACF;;;ACnKA,SAAS,mBAAmB;AAGrB,IAAM,QAAQ,YAAgC,EAAE;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,IAAM,YAAY,YAAuB,EAAE,CAAC,SAAS,YAAY,SAAS,CAAC;","names":["props","ctx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/radio-group",
-  "version": "0.36.2",
+  "version": "0.37.0",
   "description": "Core logic for the radio group widget implemented as a state machine",
   "keywords": [
     "js",
@@ -28,14 +28,14 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.36.2",
-    "@zag-js/dom-query": "0.36.2",
-    "@zag-js/element-rect": "0.36.2",
-    "@zag-js/form-utils": "0.36.2",
-    "@zag-js/visually-hidden": "0.36.2",
-    "@zag-js/utils": "0.36.2",
-    "@zag-js/core": "0.36.2",
-    "@zag-js/types": "0.36.2"
+    "@zag-js/anatomy": "0.37.0",
+    "@zag-js/dom-query": "0.37.0",
+    "@zag-js/element-rect": "0.37.0",
+    "@zag-js/form-utils": "0.37.0",
+    "@zag-js/visually-hidden": "0.37.0",
+    "@zag-js/utils": "0.37.0",
+    "@zag-js/core": "0.37.0",
+    "@zag-js/types": "0.37.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"

package/src/index.ts

@@ -1,6 +1,7 @@
 export { anatomy } from "./radio-group.anatomy"
 export { connect } from "./radio-group.connect"
 export { machine } from "./radio-group.machine"
+export * from "./radio-group.props"
 export type {
   MachineApi as Api,
   UserDefinedContext as Context,

package/src/radio-group.props.ts

@@ -0,0 +1,17 @@
+import { createProps } from "@zag-js/types"
+import type { ItemProps, UserDefinedContext } from "./radio-group.types"
+
+export const props = createProps<UserDefinedContext>()([
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "name",
+  "onValueChange",
+  "orientation",
+  "value",
+])
+
+export const itemProps = createProps<ItemProps>()(["value", "disabled", "invalid"])

package/src/radio-group.types.ts

@@ -1,5 +1,5 @@
 import type { StateMachine as S } from "@zag-js/core"
-import type { CommonProperties, Context, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
+import type { CommonProperties, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
 
 export interface ValueChangeDetails {
   value: string
@@ -53,7 +53,7 @@ interface PublicContext extends DirectionProperty, CommonProperties {
   orientation?: "horizontal" | "vertical"
 }
 
-type PrivateContext = Context<{
+interface PrivateContext {
   /**
    * @internal
    * The id of the active radio
@@ -89,7 +89,7 @@ type PrivateContext = Context<{
    * Whether the radio group's fieldset is disabled
    */
   fieldsetDisabled: boolean
-}>
+}
 
 export type UserDefinedContext = RequiredBy<PublicContext, "id">