@zag-js/radio-group 0.70.0 → 0.71.0

package/dist/index.js

@@ -1,38 +1,16 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  anatomy: () => anatomy,
-  connect: () => connect,
-  itemProps: () => itemProps,
-  machine: () => machine,
-  props: () => props,
-  splitItemProps: () => splitItemProps,
-  splitProps: () => splitProps
-});
-module.exports = __toCommonJS(src_exports);
+var anatomy$1 = require('@zag-js/anatomy');
+var domQuery = require('@zag-js/dom-query');
+var focusVisible = require('@zag-js/focus-visible');
+var core = require('@zag-js/core');
+var elementRect = require('@zag-js/element-rect');
+var formUtils = require('@zag-js/form-utils');
+var utils = require('@zag-js/utils');
+var types = require('@zag-js/types');
 
 // src/radio-group.anatomy.ts
-var import_anatomy = require("@zag-js/anatomy");
-var anatomy = (0, import_anatomy.createAnatomy)("radio-group").parts(
+var anatomy = anatomy$1.createAnatomy("radio-group").parts(
   "root",
   "label",
   "item",
@@ -41,14 +19,7 @@ var anatomy = (0, import_anatomy.createAnatomy)("radio-group").parts(
   "indicator"
 );
 var parts = anatomy.build();
-
-// src/radio-group.connect.ts
-var import_dom_query2 = require("@zag-js/dom-query");
-var import_focus_visible = require("@zag-js/focus-visible");
-
-// src/radio-group.dom.ts
-var import_dom_query = require("@zag-js/dom-query");
-var dom = (0, import_dom_query.createScope)({
+var dom = domQuery.createScope({
   getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
   getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
   getItemId: (ctx, value) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
@@ -64,7 +35,7 @@ var dom = (0, import_dom_query.createScope)({
   getInputEls: (ctx) => {
     const ownerId = CSS.escape(dom.getRootId(ctx));
     const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
-    return (0, import_dom_query.queryAll)(dom.getRootEl(ctx), selector);
+    return domQuery.queryAll(dom.getRootEl(ctx), selector);
   },
   getActiveRadioEl: (ctx) => {
     if (!ctx.value) return;
@@ -106,15 +77,15 @@ function connect(state, send, normalize) {
   function getItemDataAttrs(props2) {
     const radioState = getItemState(props2);
     return {
-      "data-focus": (0, import_dom_query2.dataAttr)(radioState.focused),
-      "data-focus-visible": (0, import_dom_query2.dataAttr)(radioState.focused && state.context.focusVisible),
-      "data-disabled": (0, import_dom_query2.dataAttr)(radioState.disabled),
-      "data-readonly": (0, import_dom_query2.dataAttr)(readOnly),
+      "data-focus": domQuery.dataAttr(radioState.focused),
+      "data-focus-visible": domQuery.dataAttr(radioState.focused && state.context.focusVisible),
+      "data-disabled": domQuery.dataAttr(radioState.disabled),
+      "data-readonly": domQuery.dataAttr(readOnly),
       "data-state": radioState.checked ? "checked" : "unchecked",
-      "data-hover": (0, import_dom_query2.dataAttr)(radioState.hovered),
-      "data-invalid": (0, import_dom_query2.dataAttr)(radioState.invalid),
+      "data-hover": domQuery.dataAttr(radioState.hovered),
+      "data-invalid": domQuery.dataAttr(radioState.invalid),
       "data-orientation": state.context.orientation,
-      "data-ssr": (0, import_dom_query2.dataAttr)(state.context.ssr)
+      "data-ssr": domQuery.dataAttr(state.context.ssr)
     };
   }
   const focus = () => {
@@ -142,7 +113,7 @@ function connect(state, send, normalize) {
         id: dom.getRootId(state.context),
         "aria-labelledby": dom.getLabelId(state.context),
         "data-orientation": state.context.orientation,
-        "data-disabled": (0, import_dom_query2.dataAttr)(groupDisabled),
+        "data-disabled": domQuery.dataAttr(groupDisabled),
         "aria-orientation": state.context.orientation,
         dir: state.context.dir,
         style: {
@@ -155,7 +126,7 @@ function connect(state, send, normalize) {
         ...parts.label.attrs,
         dir: state.context.dir,
         "data-orientation": state.context.orientation,
-        "data-disabled": (0, import_dom_query2.dataAttr)(groupDisabled),
+        "data-disabled": domQuery.dataAttr(groupDisabled),
         id: dom.getLabelId(state.context),
         onClick: focus
       });
@@ -205,7 +176,7 @@ function connect(state, send, normalize) {
         ...parts.itemControl.attrs,
         dir: state.context.dir,
         id: dom.getItemControlId(state.context, props2.value),
-        "data-active": (0, import_dom_query2.dataAttr)(controlState.active),
+        "data-active": domQuery.dataAttr(controlState.active),
         "aria-hidden": true,
         ...getItemDataAttrs(props2)
       });
@@ -232,8 +203,8 @@ function connect(state, send, normalize) {
           send({ type: "SET_FOCUSED", value: null, focused: false, focusVisible: false });
         },
         onFocus() {
-          const focusVisible = (0, import_focus_visible.isFocusVisible)();
-          send({ type: "SET_FOCUSED", value: props2.value, focused: true, focusVisible });
+          const focusVisible$1 = focusVisible.isFocusVisible();
+          send({ type: "SET_FOCUSED", value: props2.value, focused: true, focusVisible: focusVisible$1 });
         },
         onKeyDown(event) {
           if (event.defaultPrevented) return;
@@ -249,7 +220,7 @@ function connect(state, send, normalize) {
         },
         disabled: inputState.disabled,
         defaultChecked: inputState.checked,
-        style: import_dom_query2.visuallyHiddenStyle
+        style: domQuery.visuallyHiddenStyle
       });
     },
     getIndicatorProps() {
@@ -258,7 +229,7 @@ function connect(state, send, normalize) {
         ...parts.indicator.attrs,
         dir: state.context.dir,
         hidden: state.context.value == null,
-        "data-disabled": (0, import_dom_query2.dataAttr)(groupDisabled),
+        "data-disabled": domQuery.dataAttr(groupDisabled),
         "data-orientation": state.context.orientation,
         style: {
           "--transition-property": "left, top, width, height",
@@ -277,18 +248,10 @@ function connect(state, send, normalize) {
     }
   };
 }
-
-// src/radio-group.machine.ts
-var import_core = require("@zag-js/core");
-var import_dom_query3 = require("@zag-js/dom-query");
-var import_element_rect = require("@zag-js/element-rect");
-var import_focus_visible2 = require("@zag-js/focus-visible");
-var import_form_utils = require("@zag-js/form-utils");
-var import_utils = require("@zag-js/utils");
-var { not } = import_core.guards;
+var { not } = core.guards;
 function machine(userContext) {
-  const ctx = (0, import_utils.compact)(userContext);
-  return (0, import_core.createMachine)(
+  const ctx = utils.compact(userContext);
+  return core.createMachine(
     {
       id: "radio",
       initial: "idle",
@@ -345,7 +308,7 @@ function machine(userContext) {
       },
       activities: {
         trackFormControlState(ctx2, _evt, { send, initialContext }) {
-          return (0, import_form_utils.trackFormControl)(dom.getRootEl(ctx2), {
+          return formUtils.trackFormControl(dom.getRootEl(ctx2), {
             onFieldsetDisabledChange(disabled) {
               ctx2.fieldsetDisabled = disabled;
             },
@@ -355,7 +318,7 @@ function machine(userContext) {
           });
         },
         trackFocusVisible(ctx2) {
-          return (0, import_focus_visible2.trackFocusVisible)({ root: dom.getRootNode(ctx2) });
+          return focusVisible.trackFocusVisible({ root: dom.getRootNode(ctx2) });
         }
       },
       actions: {
@@ -379,7 +342,7 @@ function machine(userContext) {
           });
         },
         setIndicatorTransition(ctx2) {
-          ctx2.canIndicatorTransition = (0, import_utils.isString)(ctx2.value);
+          ctx2.canIndicatorTransition = utils.isString(ctx2.value);
         },
         cleanupObserver(ctx2) {
           ctx2.indicatorCleanup?.();
@@ -396,13 +359,13 @@ function machine(userContext) {
             ctx2.indicatorRect = {};
             return;
           }
-          ctx2.indicatorCleanup = (0, import_element_rect.trackElementRect)(radioEl, {
+          ctx2.indicatorCleanup = elementRect.trackElementRect(radioEl, {
             getRect(el) {
               return dom.getOffsetRect(el);
             },
             onChange(rect) {
               ctx2.indicatorRect = dom.resolveRect(rect);
-              (0, import_dom_query3.nextTick)(() => {
+              domQuery.nextTick(() => {
                 ctx2.canIndicatorTransition = false;
               });
             }
@@ -413,7 +376,7 @@ function machine(userContext) {
           inputEls.forEach((inputEl) => {
             const checked = inputEl.value === ctx2.value;
             if (checked === inputEl.checked) return;
-            (0, import_form_utils.dispatchInputCheckedEvent)(inputEl, { checked });
+            formUtils.dispatchInputCheckedEvent(inputEl, { checked });
           });
         }
       }
@@ -428,16 +391,12 @@ var invoke = {
 };
 var set = {
   value: (ctx, value) => {
-    if ((0, import_utils.isEqual)(ctx.value, value)) return;
+    if (utils.isEqual(ctx.value, value)) return;
     ctx.value = value;
     invoke.change(ctx);
   }
 };
-
-// src/radio-group.props.ts
-var import_types = require("@zag-js/types");
-var import_utils2 = require("@zag-js/utils");
-var props = (0, import_types.createProps)()([
+var props = types.createProps()([
   "dir",
   "disabled",
   "form",
@@ -450,17 +409,14 @@ var props = (0, import_types.createProps)()([
   "readOnly",
   "value"
 ]);
-var splitProps = (0, import_utils2.createSplitProps)(props);
-var itemProps = (0, import_types.createProps)()(["value", "disabled", "invalid"]);
-var splitItemProps = (0, import_utils2.createSplitProps)(itemProps);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  anatomy,
-  connect,
-  itemProps,
-  machine,
-  props,
-  splitItemProps,
-  splitProps
-});
-//# sourceMappingURL=index.js.map
+var splitProps = utils.createSplitProps(props);
+var itemProps = types.createProps()(["value", "disabled", "invalid"]);
+var splitItemProps = utils.createSplitProps(itemProps);
+
+exports.anatomy = anatomy;
+exports.connect = connect;
+exports.itemProps = itemProps;
+exports.machine = machine;
+exports.props = props;
+exports.splitItemProps = splitItemProps;
+exports.splitProps = splitProps;

package/dist/index.mjs

@@ -1,5 +1,13 @@
+import { createAnatomy } from '@zag-js/anatomy';
+import { createScope, queryAll, dataAttr, visuallyHiddenStyle, nextTick } from '@zag-js/dom-query';
+import { isFocusVisible, trackFocusVisible } from '@zag-js/focus-visible';
+import { createMachine, guards } from '@zag-js/core';
+import { trackElementRect } from '@zag-js/element-rect';
+import { trackFormControl, dispatchInputCheckedEvent } from '@zag-js/form-utils';
+import { createSplitProps, compact, isString, isEqual } from '@zag-js/utils';
+import { createProps } from '@zag-js/types';
+
 // src/radio-group.anatomy.ts
-import { createAnatomy } from "@zag-js/anatomy";
 var anatomy = createAnatomy("radio-group").parts(
   "root",
   "label",
@@ -9,13 +17,6 @@ var anatomy = createAnatomy("radio-group").parts(
   "indicator"
 );
 var parts = anatomy.build();
-
-// src/radio-group.connect.ts
-import { dataAttr, visuallyHiddenStyle } from "@zag-js/dom-query";
-import { isFocusVisible } from "@zag-js/focus-visible";
-
-// src/radio-group.dom.ts
-import { createScope, queryAll } from "@zag-js/dom-query";
 var dom = createScope({
   getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
   getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
@@ -245,14 +246,6 @@ function connect(state, send, normalize) {
     }
   };
 }
-
-// src/radio-group.machine.ts
-import { createMachine, guards } from "@zag-js/core";
-import { nextTick } from "@zag-js/dom-query";
-import { trackElementRect } from "@zag-js/element-rect";
-import { trackFocusVisible } from "@zag-js/focus-visible";
-import { dispatchInputCheckedEvent, trackFormControl } from "@zag-js/form-utils";
-import { compact, isEqual, isString } from "@zag-js/utils";
 var { not } = guards;
 function machine(userContext) {
   const ctx = compact(userContext);
@@ -401,10 +394,6 @@ var set = {
     invoke.change(ctx);
   }
 };
-
-// src/radio-group.props.ts
-import { createProps } from "@zag-js/types";
-import { createSplitProps } from "@zag-js/utils";
 var props = createProps()([
   "dir",
   "disabled",
@@ -421,13 +410,5 @@ var props = createProps()([
 var splitProps = createSplitProps(props);
 var itemProps = createProps()(["value", "disabled", "invalid"]);
 var splitItemProps = createSplitProps(itemProps);
-export {
-  anatomy,
-  connect,
-  itemProps,
-  machine,
-  props,
-  splitItemProps,
-  splitProps
-};
-//# sourceMappingURL=index.mjs.map
+
+export { anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/radio-group",
-  "version": "0.70.0",
+  "version": "0.71.0",
   "description": "Core logic for the radio group widget implemented as a state machine",
   "keywords": [
     "js",
@@ -18,8 +18,7 @@
   "repository": "https://github.com/chakra-ui/zag/tree/main/packages/radio-group",
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -28,14 +27,14 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.70.0",
-    "@zag-js/dom-query": "0.70.0",
-    "@zag-js/element-rect": "0.70.0",
-    "@zag-js/focus-visible": "0.70.0",
-    "@zag-js/form-utils": "0.70.0",
-    "@zag-js/utils": "0.70.0",
-    "@zag-js/core": "0.70.0",
-    "@zag-js/types": "0.70.0"
+    "@zag-js/anatomy": "0.71.0",
+    "@zag-js/dom-query": "0.71.0",
+    "@zag-js/element-rect": "0.71.0",
+    "@zag-js/focus-visible": "0.71.0",
+    "@zag-js/form-utils": "0.71.0",
+    "@zag-js/utils": "0.71.0",
+    "@zag-js/core": "0.71.0",
+    "@zag-js/types": "0.71.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"

package/dist/index.js.map

@@ -1 +0,0 @@
-{"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  Service,\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, visuallyHiddenStyle } from \"@zag-js/dom-query\"\nimport { isFocusVisible } from \"@zag-js/focus-visible\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\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 groupDisabled = state.context.isDisabled\n  const readOnly = state.context.readOnly\n\n  function getItemState(props: ItemProps): ItemState {\n    return {\n      invalid: !!props.invalid,\n      disabled: !!props.disabled || groupDisabled,\n      checked: state.context.value === props.value,\n      focused: state.context.focusedValue === props.value,\n      hovered: state.context.hoveredValue === props.value,\n      active: state.context.activeValue === 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.focused),\n      \"data-focus-visible\": dataAttr(radioState.focused && state.context.focusVisible),\n      \"data-disabled\": dataAttr(radioState.disabled),\n      \"data-readonly\": dataAttr(readOnly),\n      \"data-state\": radioState.checked ? \"checked\" : \"unchecked\",\n      \"data-hover\": dataAttr(radioState.hovered),\n      \"data-invalid\": dataAttr(radioState.invalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-ssr\": dataAttr(state.context.ssr),\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\n    getRootProps() {\n      return 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(groupDisabled),\n        \"aria-orientation\": state.context.orientation,\n        dir: state.context.dir,\n        style: {\n          position: \"relative\",\n        },\n      })\n    },\n\n    getLabelProps() {\n      return normalize.element({\n        ...parts.label.attrs,\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-disabled\": dataAttr(groupDisabled),\n        id: dom.getLabelId(state.context),\n        onClick: focus,\n      })\n    },\n\n    getItemState,\n\n    getItemProps(props) {\n      const itemState = 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 (itemState.disabled) return\n          if (itemState.hovered) return\n          send({ type: \"SET_HOVERED\", value: props.value, hovered: true })\n        },\n        onPointerLeave() {\n          if (itemState.disabled) return\n          send({ type: \"SET_HOVERED\", value: null })\n        },\n        onPointerDown(event) {\n          if (itemState.disabled) return\n          // On pointerdown, the input blurs and returns focus to the `body`,\n          // we need to prevent this.\n          if (itemState.focused && event.pointerType === \"mouse\") {\n            event.preventDefault()\n          }\n          send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n        },\n        onPointerUp() {\n          if (itemState.disabled) return\n          send({ type: \"SET_ACTIVE\", value: null })\n        },\n      })\n    },\n\n    getItemTextProps(props) {\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) {\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.active),\n        \"aria-hidden\": true,\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemHiddenInputProps(props) {\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        onClick(event) {\n          if (readOnly) {\n            event.preventDefault()\n            return\n          }\n\n          if (event.currentTarget.checked) {\n            send({ type: \"SET_VALUE\", value: props.value, isTrusted: true })\n          }\n        },\n        onBlur() {\n          send({ type: \"SET_FOCUSED\", value: null, focused: false, focusVisible: false })\n        },\n        onFocus() {\n          const focusVisible = isFocusVisible()\n          send({ type: \"SET_FOCUSED\", value: props.value, focused: true, focusVisible })\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented) return\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n          }\n        },\n        onKeyUp(event) {\n          if (event.defaultPrevented) return\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: null })\n          }\n        },\n        disabled: inputState.disabled,\n        defaultChecked: inputState.checked,\n        style: visuallyHiddenStyle,\n      })\n    },\n\n    getIndicatorProps() {\n      return 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(groupDisabled),\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}\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 { trackFocusVisible } from \"@zag-js/focus-visible\"\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        activeValue: null,\n        focusedValue: null,\n        hoveredValue: null,\n        disabled: false,\n        orientation: \"vertical\",\n        ...ctx,\n        indicatorRect: {},\n        canIndicatorTransition: false,\n        fieldsetDisabled: false,\n        focusVisible: false,\n        ssr: true,\n      },\n\n      computed: {\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n      },\n\n      entry: [\"syncIndicatorRect\", \"syncSsr\"],\n\n      exit: [\"cleanupObserver\"],\n\n      activities: [\"trackFormControlState\", \"trackFocusVisible\"],\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        trackFocusVisible(ctx) {\n          return trackFocusVisible({ root: dom.getRootNode(ctx) })\n        },\n      },\n\n      actions: {\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        setHovered(ctx, evt) {\n          ctx.hoveredValue = evt.value\n        },\n        setActive(ctx, evt) {\n          ctx.activeValue = evt.value\n        },\n        setFocused(ctx, evt) {\n          ctx.focusedValue = evt.value\n          ctx.focusVisible = evt.focusVisible\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        syncSsr(ctx) {\n          ctx.ssr = false\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 { createSplitProps } from \"@zag-js/utils\"\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  \"readOnly\",\n  \"value\",\n])\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const itemProps = createProps<ItemProps>()([\"value\", \"disabled\", \"invalid\"])\nexport const splitItemProps = createSplitProps<ItemProps>(itemProps)\n"],"mappings":"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","names":["import_dom_query","props","import_dom_query","import_focus_visible","ctx","import_utils"]}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"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, visuallyHiddenStyle } from \"@zag-js/dom-query\"\nimport { isFocusVisible } from \"@zag-js/focus-visible\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\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 groupDisabled = state.context.isDisabled\n  const readOnly = state.context.readOnly\n\n  function getItemState(props: ItemProps): ItemState {\n    return {\n      invalid: !!props.invalid,\n      disabled: !!props.disabled || groupDisabled,\n      checked: state.context.value === props.value,\n      focused: state.context.focusedValue === props.value,\n      hovered: state.context.hoveredValue === props.value,\n      active: state.context.activeValue === 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.focused),\n      \"data-focus-visible\": dataAttr(radioState.focused && state.context.focusVisible),\n      \"data-disabled\": dataAttr(radioState.disabled),\n      \"data-readonly\": dataAttr(readOnly),\n      \"data-state\": radioState.checked ? \"checked\" : \"unchecked\",\n      \"data-hover\": dataAttr(radioState.hovered),\n      \"data-invalid\": dataAttr(radioState.invalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-ssr\": dataAttr(state.context.ssr),\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\n    getRootProps() {\n      return 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(groupDisabled),\n        \"aria-orientation\": state.context.orientation,\n        dir: state.context.dir,\n        style: {\n          position: \"relative\",\n        },\n      })\n    },\n\n    getLabelProps() {\n      return normalize.element({\n        ...parts.label.attrs,\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-disabled\": dataAttr(groupDisabled),\n        id: dom.getLabelId(state.context),\n        onClick: focus,\n      })\n    },\n\n    getItemState,\n\n    getItemProps(props) {\n      const itemState = 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 (itemState.disabled) return\n          if (itemState.hovered) return\n          send({ type: \"SET_HOVERED\", value: props.value, hovered: true })\n        },\n        onPointerLeave() {\n          if (itemState.disabled) return\n          send({ type: \"SET_HOVERED\", value: null })\n        },\n        onPointerDown(event) {\n          if (itemState.disabled) return\n          // On pointerdown, the input blurs and returns focus to the `body`,\n          // we need to prevent this.\n          if (itemState.focused && event.pointerType === \"mouse\") {\n            event.preventDefault()\n          }\n          send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n        },\n        onPointerUp() {\n          if (itemState.disabled) return\n          send({ type: \"SET_ACTIVE\", value: null })\n        },\n      })\n    },\n\n    getItemTextProps(props) {\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) {\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.active),\n        \"aria-hidden\": true,\n        ...getItemDataAttrs(props),\n      })\n    },\n\n    getItemHiddenInputProps(props) {\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        onClick(event) {\n          if (readOnly) {\n            event.preventDefault()\n            return\n          }\n\n          if (event.currentTarget.checked) {\n            send({ type: \"SET_VALUE\", value: props.value, isTrusted: true })\n          }\n        },\n        onBlur() {\n          send({ type: \"SET_FOCUSED\", value: null, focused: false, focusVisible: false })\n        },\n        onFocus() {\n          const focusVisible = isFocusVisible()\n          send({ type: \"SET_FOCUSED\", value: props.value, focused: true, focusVisible })\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented) return\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: props.value, active: true })\n          }\n        },\n        onKeyUp(event) {\n          if (event.defaultPrevented) return\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: null })\n          }\n        },\n        disabled: inputState.disabled,\n        defaultChecked: inputState.checked,\n        style: visuallyHiddenStyle,\n      })\n    },\n\n    getIndicatorProps() {\n      return 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(groupDisabled),\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}\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 { trackFocusVisible } from \"@zag-js/focus-visible\"\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        activeValue: null,\n        focusedValue: null,\n        hoveredValue: null,\n        disabled: false,\n        orientation: \"vertical\",\n        ...ctx,\n        indicatorRect: {},\n        canIndicatorTransition: false,\n        fieldsetDisabled: false,\n        focusVisible: false,\n        ssr: true,\n      },\n\n      computed: {\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n      },\n\n      entry: [\"syncIndicatorRect\", \"syncSsr\"],\n\n      exit: [\"cleanupObserver\"],\n\n      activities: [\"trackFormControlState\", \"trackFocusVisible\"],\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        trackFocusVisible(ctx) {\n          return trackFocusVisible({ root: dom.getRootNode(ctx) })\n        },\n      },\n\n      actions: {\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        setHovered(ctx, evt) {\n          ctx.hoveredValue = evt.value\n        },\n        setActive(ctx, evt) {\n          ctx.activeValue = evt.value\n        },\n        setFocused(ctx, evt) {\n          ctx.focusedValue = evt.value\n          ctx.focusVisible = evt.focusVisible\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        syncSsr(ctx) {\n          ctx.ssr = false\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 { createSplitProps } from \"@zag-js/utils\"\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  \"readOnly\",\n  \"value\",\n])\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const itemProps = createProps<ItemProps>()([\"value\", \"disabled\", \"invalid\"])\nexport const splitItemProps = createSplitProps<ItemProps>(itemProps)\n"],"mappings":"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","names":["props","ctx"]}

package/src/index.ts

@@ -1,13 +0,0 @@
-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,
-  ElementIds,
-  ItemProps,
-  ItemState,
-  Service,
-  ValueChangeDetails,
-} from "./radio-group.types"

package/src/radio-group.anatomy.ts

@@ -1,12 +0,0 @@
-import { createAnatomy } from "@zag-js/anatomy"
-
-export const anatomy = createAnatomy("radio-group").parts(
-  "root",
-  "label",
-  "item",
-  "itemText",
-  "itemControl",
-  "indicator",
-)
-
-export const parts = anatomy.build()

package/src/radio-group.connect.ts

@@ -1,215 +0,0 @@
-import { dataAttr, visuallyHiddenStyle } from "@zag-js/dom-query"
-import { isFocusVisible } from "@zag-js/focus-visible"
-import type { NormalizeProps, PropTypes } from "@zag-js/types"
-import { parts } from "./radio-group.anatomy"
-import { dom } from "./radio-group.dom"
-import type { ItemProps, ItemState, MachineApi, Send, State } from "./radio-group.types"
-
-export function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {
-  const groupDisabled = state.context.isDisabled
-  const readOnly = state.context.readOnly
-
-  function getItemState(props: ItemProps): ItemState {
-    return {
-      invalid: !!props.invalid,
-      disabled: !!props.disabled || groupDisabled,
-      checked: state.context.value === props.value,
-      focused: state.context.focusedValue === props.value,
-      hovered: state.context.hoveredValue === props.value,
-      active: state.context.activeValue === props.value,
-    }
-  }
-
-  function getItemDataAttrs<T extends ItemProps>(props: T) {
-    const radioState = getItemState(props)
-    return {
-      "data-focus": dataAttr(radioState.focused),
-      "data-focus-visible": dataAttr(radioState.focused && state.context.focusVisible),
-      "data-disabled": dataAttr(radioState.disabled),
-      "data-readonly": dataAttr(readOnly),
-      "data-state": radioState.checked ? "checked" : "unchecked",
-      "data-hover": dataAttr(radioState.hovered),
-      "data-invalid": dataAttr(radioState.invalid),
-      "data-orientation": state.context.orientation,
-      "data-ssr": dataAttr(state.context.ssr),
-    }
-  }
-
-  const focus = () => {
-    const firstEnabledAndCheckedInput = dom.getFirstEnabledAndCheckedInputEl(state.context)
-
-    if (firstEnabledAndCheckedInput) {
-      firstEnabledAndCheckedInput.focus()
-      return
-    }
-
-    const firstEnabledInput = dom.getFirstEnabledInputEl(state.context)
-    firstEnabledInput?.focus()
-  }
-
-  return {
-    focus,
-    value: state.context.value,
-    setValue(value) {
-      send({ type: "SET_VALUE", value, isTrusted: false })
-    },
-    clearValue() {
-      send({ type: "SET_VALUE", value: null, isTrusted: false })
-    },
-
-    getRootProps() {
-      return normalize.element({
-        ...parts.root.attrs,
-        role: "radiogroup",
-        id: dom.getRootId(state.context),
-        "aria-labelledby": dom.getLabelId(state.context),
-        "data-orientation": state.context.orientation,
-        "data-disabled": dataAttr(groupDisabled),
-        "aria-orientation": state.context.orientation,
-        dir: state.context.dir,
-        style: {
-          position: "relative",
-        },
-      })
-    },
-
-    getLabelProps() {
-      return normalize.element({
-        ...parts.label.attrs,
-        dir: state.context.dir,
-        "data-orientation": state.context.orientation,
-        "data-disabled": dataAttr(groupDisabled),
-        id: dom.getLabelId(state.context),
-        onClick: focus,
-      })
-    },
-
-    getItemState,
-
-    getItemProps(props) {
-      const itemState = getItemState(props)
-
-      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),
-        onPointerMove() {
-          if (itemState.disabled) return
-          if (itemState.hovered) return
-          send({ type: "SET_HOVERED", value: props.value, hovered: true })
-        },
-        onPointerLeave() {
-          if (itemState.disabled) return
-          send({ type: "SET_HOVERED", value: null })
-        },
-        onPointerDown(event) {
-          if (itemState.disabled) return
-          // On pointerdown, the input blurs and returns focus to the `body`,
-          // we need to prevent this.
-          if (itemState.focused && event.pointerType === "mouse") {
-            event.preventDefault()
-          }
-          send({ type: "SET_ACTIVE", value: props.value, active: true })
-        },
-        onPointerUp() {
-          if (itemState.disabled) return
-          send({ type: "SET_ACTIVE", value: null })
-        },
-      })
-    },
-
-    getItemTextProps(props) {
-      return normalize.element({
-        ...parts.itemText.attrs,
-        dir: state.context.dir,
-        id: dom.getItemLabelId(state.context, props.value),
-        ...getItemDataAttrs(props),
-      })
-    },
-
-    getItemControlProps(props) {
-      const controlState = getItemState(props)
-
-      return normalize.element({
-        ...parts.itemControl.attrs,
-        dir: state.context.dir,
-        id: dom.getItemControlId(state.context, props.value),
-        "data-active": dataAttr(controlState.active),
-        "aria-hidden": true,
-        ...getItemDataAttrs(props),
-      })
-    },
-
-    getItemHiddenInputProps(props) {
-      const inputState = getItemState(props)
-
-      return normalize.input({
-        "data-ownedby": dom.getRootId(state.context),
-        id: dom.getItemHiddenInputId(state.context, props.value),
-        type: "radio",
-        name: state.context.name || state.context.id,
-        form: state.context.form,
-        value: props.value,
-        onClick(event) {
-          if (readOnly) {
-            event.preventDefault()
-            return
-          }
-
-          if (event.currentTarget.checked) {
-            send({ type: "SET_VALUE", value: props.value, isTrusted: true })
-          }
-        },
-        onBlur() {
-          send({ type: "SET_FOCUSED", value: null, focused: false, focusVisible: false })
-        },
-        onFocus() {
-          const focusVisible = isFocusVisible()
-          send({ type: "SET_FOCUSED", value: props.value, focused: true, focusVisible })
-        },
-        onKeyDown(event) {
-          if (event.defaultPrevented) return
-          if (event.key === " ") {
-            send({ type: "SET_ACTIVE", value: props.value, active: true })
-          }
-        },
-        onKeyUp(event) {
-          if (event.defaultPrevented) return
-          if (event.key === " ") {
-            send({ type: "SET_ACTIVE", value: null })
-          }
-        },
-        disabled: inputState.disabled,
-        defaultChecked: inputState.checked,
-        style: visuallyHiddenStyle,
-      })
-    },
-
-    getIndicatorProps() {
-      return normalize.element({
-        id: dom.getIndicatorId(state.context),
-        ...parts.indicator.attrs,
-        dir: state.context.dir,
-        hidden: state.context.value == null,
-        "data-disabled": dataAttr(groupDisabled),
-        "data-orientation": state.context.orientation,
-        style: {
-          "--transition-property": "left, top, width, height",
-          "--left": state.context.indicatorRect?.left,
-          "--top": state.context.indicatorRect?.top,
-          "--width": state.context.indicatorRect?.width,
-          "--height": state.context.indicatorRect?.height,
-          position: "absolute",
-          willChange: "var(--transition-property)",
-          transitionProperty: "var(--transition-property)",
-          transitionDuration: state.context.canIndicatorTransition ? "var(--transition-duration, 150ms)" : "0ms",
-          transitionTimingFunction: "var(--transition-timing-function)",
-          [state.context.orientation === "horizontal" ? "left" : "top"]:
-            state.context.orientation === "horizontal" ? "var(--left)" : "var(--top)",
-        },
-      })
-    },
-  }
-}

package/src/radio-group.dom.ts

@@ -1,55 +0,0 @@
-import { createScope, queryAll } from "@zag-js/dom-query"
-import type { MachineContext as Ctx } from "./radio-group.types"
-
-export const dom = createScope({
-  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
-  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
-  getItemId: (ctx: Ctx, value: string) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
-  getItemHiddenInputId: (ctx: Ctx, value: string) =>
-    ctx.ids?.itemHiddenInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,
-  getItemControlId: (ctx: Ctx, value: string) =>
-    ctx.ids?.itemControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,
-  getItemLabelId: (ctx: Ctx, value: string) =>
-    ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,
-  getIndicatorId: (ctx: Ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`,
-
-  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),
-  getItemHiddenInputEl: (ctx: Ctx, value: string) =>
-    dom.getById<HTMLInputElement>(ctx, dom.getItemHiddenInputId(ctx, value)),
-  getIndicatorEl: (ctx: Ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),
-
-  getFirstEnabledInputEl: (ctx: Ctx) => dom.getRootEl(ctx)?.querySelector<HTMLInputElement>("input:not(:disabled)"),
-  getFirstEnabledAndCheckedInputEl: (ctx: Ctx) =>
-    dom.getRootEl(ctx)?.querySelector<HTMLInputElement>("input:not(:disabled):checked"),
-
-  getInputEls: (ctx: Ctx) => {
-    const ownerId = CSS.escape(dom.getRootId(ctx))
-    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`
-    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)
-  },
-
-  getActiveRadioEl: (ctx: Ctx) => {
-    if (!ctx.value) return
-    return dom.getById(ctx, dom.getItemId(ctx, ctx.value))
-  },
-
-  getOffsetRect: (el: HTMLElement | undefined) => ({
-    left: el?.offsetLeft ?? 0,
-    top: el?.offsetTop ?? 0,
-    width: el?.offsetWidth ?? 0,
-    height: el?.offsetHeight ?? 0,
-  }),
-
-  getRectById: (ctx: Ctx, id: string) => {
-    const radioEl = dom.getById(ctx, dom.getItemId(ctx, id))
-    if (!radioEl) return
-    return dom.resolveRect(dom.getOffsetRect(radioEl))
-  },
-
-  resolveRect: (rect: Record<"width" | "height" | "left" | "top", number>) => ({
-    width: `${rect.width}px`,
-    height: `${rect.height}px`,
-    left: `${rect.left}px`,
-    top: `${rect.top}px`,
-  }),
-})

package/src/radio-group.machine.ts

@@ -1,174 +0,0 @@
-import { createMachine, guards } from "@zag-js/core"
-import { nextTick } from "@zag-js/dom-query"
-import { trackElementRect } from "@zag-js/element-rect"
-import { trackFocusVisible } from "@zag-js/focus-visible"
-import { dispatchInputCheckedEvent, trackFormControl } from "@zag-js/form-utils"
-import { compact, isEqual, isString } from "@zag-js/utils"
-import { dom } from "./radio-group.dom"
-import type { MachineContext, MachineState, UserDefinedContext } from "./radio-group.types"
-
-const { not } = guards
-
-export function machine(userContext: UserDefinedContext) {
-  const ctx = compact(userContext)
-  return createMachine<MachineContext, MachineState>(
-    {
-      id: "radio",
-      initial: "idle",
-      context: {
-        value: null,
-        activeValue: null,
-        focusedValue: null,
-        hoveredValue: null,
-        disabled: false,
-        orientation: "vertical",
-        ...ctx,
-        indicatorRect: {},
-        canIndicatorTransition: false,
-        fieldsetDisabled: false,
-        focusVisible: false,
-        ssr: true,
-      },
-
-      computed: {
-        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,
-      },
-
-      entry: ["syncIndicatorRect", "syncSsr"],
-
-      exit: ["cleanupObserver"],
-
-      activities: ["trackFormControlState", "trackFocusVisible"],
-
-      watch: {
-        value: ["setIndicatorTransition", "syncIndicatorRect", "syncInputElements"],
-      },
-
-      on: {
-        SET_VALUE: [
-          {
-            guard: not("isTrusted"),
-            actions: ["setValue", "dispatchChangeEvent"],
-          },
-          {
-            actions: ["setValue"],
-          },
-        ],
-        SET_HOVERED: {
-          actions: "setHovered",
-        },
-        SET_ACTIVE: {
-          actions: "setActive",
-        },
-        SET_FOCUSED: {
-          actions: "setFocused",
-        },
-      },
-
-      states: {
-        idle: {},
-      },
-    },
-
-    {
-      guards: {
-        isTrusted: (_ctx, evt) => !!evt.isTrusted,
-      },
-      activities: {
-        trackFormControlState(ctx, _evt, { send, initialContext }) {
-          return trackFormControl(dom.getRootEl(ctx), {
-            onFieldsetDisabledChange(disabled) {
-              ctx.fieldsetDisabled = disabled
-            },
-            onFormReset() {
-              send({ type: "SET_VALUE", value: initialContext.value })
-            },
-          })
-        },
-        trackFocusVisible(ctx) {
-          return trackFocusVisible({ root: dom.getRootNode(ctx) })
-        },
-      },
-
-      actions: {
-        setValue(ctx, evt) {
-          set.value(ctx, evt.value)
-        },
-        setHovered(ctx, evt) {
-          ctx.hoveredValue = evt.value
-        },
-        setActive(ctx, evt) {
-          ctx.activeValue = evt.value
-        },
-        setFocused(ctx, evt) {
-          ctx.focusedValue = evt.value
-          ctx.focusVisible = evt.focusVisible
-        },
-        syncInputElements(ctx) {
-          const inputs = dom.getInputEls(ctx)
-          inputs.forEach((input) => {
-            input.checked = input.value === ctx.value
-          })
-        },
-        setIndicatorTransition(ctx) {
-          ctx.canIndicatorTransition = isString(ctx.value)
-        },
-        cleanupObserver(ctx) {
-          ctx.indicatorCleanup?.()
-        },
-        syncSsr(ctx) {
-          ctx.ssr = false
-        },
-        syncIndicatorRect(ctx) {
-          ctx.indicatorCleanup?.()
-
-          if (!dom.getIndicatorEl(ctx)) return
-
-          const value = ctx.value
-
-          const radioEl = dom.getActiveRadioEl(ctx)
-
-          if (value == null || !radioEl) {
-            ctx.indicatorRect = {}
-            return
-          }
-
-          ctx.indicatorCleanup = trackElementRect(radioEl, {
-            getRect(el) {
-              return dom.getOffsetRect(el)
-            },
-            onChange(rect) {
-              ctx.indicatorRect = dom.resolveRect(rect)
-              nextTick(() => {
-                ctx.canIndicatorTransition = false
-              })
-            },
-          })
-        },
-        dispatchChangeEvent(ctx) {
-          const inputEls = dom.getInputEls(ctx)
-          inputEls.forEach((inputEl) => {
-            const checked = inputEl.value === ctx.value
-            if (checked === inputEl.checked) return
-            dispatchInputCheckedEvent(inputEl, { checked })
-          })
-        },
-      },
-    },
-  )
-}
-
-const invoke = {
-  change: (ctx: MachineContext) => {
-    if (ctx.value == null) return
-    ctx.onValueChange?.({ value: ctx.value })
-  },
-}
-
-const set = {
-  value: (ctx: MachineContext, value: string) => {
-    if (isEqual(ctx.value, value)) return
-    ctx.value = value
-    invoke.change(ctx)
-  },
-}

package/src/radio-group.props.ts

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

package/src/radio-group.types.ts

@@ -1,199 +0,0 @@
-import type { Machine, StateMachine as S } from "@zag-js/core"
-import type { CommonProperties, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
-
-export interface ValueChangeDetails {
-  value: string
-}
-
-/* -----------------------------------------------------------------------------
- * Machine context
- * -----------------------------------------------------------------------------*/
-
-export type ElementIds = Partial<{
-  root: string
-  label: string
-  indicator: string
-  item(value: string): string
-  itemLabel(value: string): string
-  itemControl(value: string): string
-  itemHiddenInput(value: string): string
-}>
-
-interface PublicContext extends DirectionProperty, CommonProperties {
-  /**
-   * The ids of the elements in the radio. Useful for composition.
-   */
-  ids?: ElementIds
-  /**
-   * The value of the checked radio
-   */
-  value: string | null
-  /**
-   * The name of the input fields in the radio
-   * (Useful for form submission).
-   */
-  name?: string
-  /**
-   * The associate form of the underlying input.
-   */
-  form?: string
-  /**
-   * If `true`, the radio group will be disabled
-   */
-  disabled?: boolean
-  /**
-   * Whether the checkbox is read-only
-   */
-  readOnly?: boolean
-  /**
-   * Function called once a radio is checked
-   * @param value the value of the checked radio
-   */
-  onValueChange?(details: ValueChangeDetails): void
-  /**
-   * Orientation of the radio group
-   */
-  orientation?: "horizontal" | "vertical"
-}
-
-interface PrivateContext {
-  /**
-   * @internal
-   * The id of the active radio
-   */
-  activeValue: string | null
-  /**
-   * @internal
-   * The id of the focused radio
-   */
-  focusedValue: string | null
-  /**
-   * @internal
-   * The id of the hovered radio
-   */
-  hoveredValue: string | null
-  /**
-   * @internal
-   * The active tab indicator's dom rect
-   */
-  indicatorRect: Partial<{ left: string; top: string; width: string; height: string }>
-  /**
-   * @internal
-   * Whether the active tab indicator's rect can transition
-   */
-  canIndicatorTransition?: boolean
-  /**
-   * @internal
-   * Function to clean up the observer for the active tab's rect
-   */
-  indicatorCleanup?: VoidFunction | null
-  /**
-   * @internal
-   * Whether the radio group's fieldset is disabled
-   */
-  fieldsetDisabled: boolean
-  /**
-   * @internal
-   * Whether the radio group is in focus
-   */
-  focusVisible: boolean
-  /**
-   * @internal
-   * Whether the radio group is in server-side rendering
-   */
-  ssr: boolean
-}
-
-export type UserDefinedContext = RequiredBy<PublicContext, "id">
-
-type ComputedContext = Readonly<{
-  /**
-   * @computed
-   * Whether the radio group is disabled
-   */
-  isDisabled: boolean
-}>
-
-export interface MachineContext extends PublicContext, PrivateContext, ComputedContext {}
-
-export interface MachineState {
-  value: "idle"
-}
-
-export type State = S.State<MachineContext, MachineState>
-
-export type Send = S.Send<S.AnyEventObject>
-
-export type Service = Machine<MachineContext, MachineState, S.AnyEventObject>
-
-/* -----------------------------------------------------------------------------
- * Component API
- * -----------------------------------------------------------------------------*/
-
-export interface ItemProps {
-  value: string
-  disabled?: boolean
-  invalid?: boolean
-}
-
-export interface ItemState {
-  /**
-   * Whether the radio is invalid
-   */
-  invalid: boolean
-  /**
-   * Whether the radio is disabled
-   */
-  disabled: boolean
-  /**
-   * Whether the radio is checked
-   */
-  checked: boolean
-  /**
-   *  Whether the radio is focused
-   */
-  focused: boolean
-  /**
-   * Whether the radio is hovered
-   */
-  hovered: boolean
-  /**
-   * Whether the radio is active or pressed
-   */
-  active: boolean
-}
-
-/* -----------------------------------------------------------------------------
- * Component API
- * -----------------------------------------------------------------------------*/
-
-export interface MachineApi<T extends PropTypes = PropTypes> {
-  /**
-   * The current value of the radio group
-   */
-  value: string | null
-  /**
-   * Function to set the value of the radio group
-   */
-  setValue(value: string): void
-  /**
-   * Function to clear the value of the radio group
-   */
-  clearValue(): void
-  /**
-   * Function to focus the radio group
-   */
-  focus(): void
-  /**
-   * Returns the state details of a radio input
-   */
-  getItemState(props: ItemProps): ItemState
-
-  getRootProps(): T["element"]
-  getLabelProps(): T["element"]
-  getItemProps(props: ItemProps): T["label"]
-  getItemTextProps(props: ItemProps): T["element"]
-  getItemControlProps(props: ItemProps): T["element"]
-  getItemHiddenInputProps(props: ItemProps): T["input"]
-  getIndicatorProps(): T["element"]
-}