@zag-js/radio-group 1.3.0 → 1.3.2

package/dist/index.js

@@ -26,6 +26,7 @@ var getItemControlId = (ctx, value) => ctx.ids?.itemControl?.(value) ?? `radio-g
 var getItemLabelId = (ctx, value) => ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`;
 var getIndicatorId = (ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`;
 var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+var getItemHiddenInputEl = (ctx, value) => ctx.getById(getItemHiddenInputId(ctx, value));
 var getIndicatorEl = (ctx) => ctx.getById(getIndicatorId(ctx));
 var getFirstEnabledInputEl = (ctx) => getRootEl(ctx)?.querySelector("input:not(:disabled)");
 var getFirstEnabledAndCheckedInputEl = (ctx) => getRootEl(ctx)?.querySelector("input:not(:disabled):checked");
@@ -151,6 +152,11 @@ function connect(service, normalize) {
         onPointerUp() {
           if (itemState.disabled) return;
           send({ type: "SET_ACTIVE", value: null });
+        },
+        onClick() {
+          if (!itemState.disabled && domQuery.isSafari()) {
+            getItemHiddenInputEl(scope, props2.value)?.focus();
+          }
         }
       });
     },

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { createAnatomy } from '@zag-js/anatomy';
-import { dispatchInputCheckedEvent, nextTick, trackFormControl, queryAll, dataAttr, visuallyHiddenStyle } from '@zag-js/dom-query';
+import { dispatchInputCheckedEvent, nextTick, trackFormControl, queryAll, dataAttr, visuallyHiddenStyle, isSafari } from '@zag-js/dom-query';
 import { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';
 import { createGuards, createMachine } from '@zag-js/core';
 import { trackElementRect } from '@zag-js/element-rect';
@@ -24,6 +24,7 @@ var getItemControlId = (ctx, value) => ctx.ids?.itemControl?.(value) ?? `radio-g
 var getItemLabelId = (ctx, value) => ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`;
 var getIndicatorId = (ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`;
 var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+var getItemHiddenInputEl = (ctx, value) => ctx.getById(getItemHiddenInputId(ctx, value));
 var getIndicatorEl = (ctx) => ctx.getById(getIndicatorId(ctx));
 var getFirstEnabledInputEl = (ctx) => getRootEl(ctx)?.querySelector("input:not(:disabled)");
 var getFirstEnabledAndCheckedInputEl = (ctx) => getRootEl(ctx)?.querySelector("input:not(:disabled):checked");
@@ -149,6 +150,11 @@ function connect(service, normalize) {
         onPointerUp() {
           if (itemState.disabled) return;
           send({ type: "SET_ACTIVE", value: null });
+        },
+        onClick() {
+          if (!itemState.disabled && isSafari()) {
+            getItemHiddenInputEl(scope, props2.value)?.focus();
+          }
         }
       });
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/radio-group",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Core logic for the radio group widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,13 +27,13 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.3.0",
-    "@zag-js/dom-query": "1.3.0",
-    "@zag-js/element-rect": "1.3.0",
-    "@zag-js/focus-visible": "1.3.0",
-    "@zag-js/utils": "1.3.0",
-    "@zag-js/core": "1.3.0",
-    "@zag-js/types": "1.3.0"
+    "@zag-js/anatomy": "1.3.2",
+    "@zag-js/dom-query": "1.3.2",
+    "@zag-js/element-rect": "1.3.2",
+    "@zag-js/focus-visible": "1.3.2",
+    "@zag-js/utils": "1.3.2",
+    "@zag-js/core": "1.3.2",
+    "@zag-js/types": "1.3.2"
   },
   "devDependencies": {
     "clean-package": "2.2.0"