@zag-js/radio-group 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/{chunk-57ZUFOAP.mjs → chunk-BVCYFZ6N.mjs} +6 -5
  2. package/dist/index.js +6 -5
  3. package/dist/index.mjs +1 -1
  4. package/dist/radio-group.connect.js +6 -5
  5. package/dist/radio-group.connect.mjs +1 -1
  6. package/package.json +3 -3
package/dist/{chunk-57ZUFOAP.mjs → chunk-BVCYFZ6N.mjs} RENAMED
@@ -26,7 +26,7 @@ function connect(state, send, normalize) {
26
26
  isInteractive: !(radioState.isReadOnly || radioState.isDisabled)
27
27
  };
28
28
  }
29
- function getRadioDataSet(props) {
29
+ function getRadioDataAttrs(props) {
30
30
  const radioState = getRadioState(props);
31
31
  return {
32
32
  "data-focus": dataAttr(radioState.isFocused),
@@ -101,7 +101,7 @@ function connect(state, send, normalize) {
101
101
  ...parts.radio.attrs,
102
102
  id: dom.getRadioId(state.context, props.value),
103
103
  htmlFor: dom.getRadioInputId(state.context, props.value),
104
- ...getRadioDataSet(props),
104
+ ...getRadioDataAttrs(props),
105
105
  onPointerMove() {
106
106
  if (!rootState.isInteractive)
107
107
  return;
@@ -115,8 +115,9 @@ function connect(state, send, normalize) {
115
115
  onPointerDown(event) {
116
116
  if (!rootState.isInteractive)
117
117
  return;
118
- if (rootState.isFocused)
118
+ if (rootState.isFocused && event.pointerType === "mouse") {
119
119
  event.preventDefault();
120
+ }
120
121
  send({ type: "SET_ACTIVE", value: props.value, active: true });
121
122
  },
122
123
  onPointerUp() {
@@ -130,7 +131,7 @@ function connect(state, send, normalize) {
130
131
  return normalize.element({
131
132
  ...parts.radioLabel.attrs,
132
133
  id: dom.getRadioLabelId(state.context, props.value),
133
- ...getRadioDataSet(props)
134
+ ...getRadioDataAttrs(props)
134
135
  });
135
136
  },
136
137
  getRadioControlProps(props) {
@@ -140,7 +141,7 @@ function connect(state, send, normalize) {
140
141
  id: dom.getRadioControlId(state.context, props.value),
141
142
  "data-active": dataAttr(controlState.isActive),
142
143
  "aria-hidden": true,
143
- ...getRadioDataSet(props)
144
+ ...getRadioDataAttrs(props)
144
145
  });
145
146
  },
146
147
  getRadioInputProps(props) {
package/dist/index.js CHANGED
@@ -81,7 +81,7 @@ function connect(state, send, normalize) {
81
81
  isInteractive: !(radioState.isReadOnly || radioState.isDisabled)
82
82
  };
83
83
  }
84
- function getRadioDataSet(props) {
84
+ function getRadioDataAttrs(props) {
85
85
  const radioState = getRadioState(props);
86
86
  return {
87
87
  "data-focus": (0, import_dom_query2.dataAttr)(radioState.isFocused),
@@ -156,7 +156,7 @@ function connect(state, send, normalize) {
156
156
  ...parts.radio.attrs,
157
157
  id: dom.getRadioId(state.context, props.value),
158
158
  htmlFor: dom.getRadioInputId(state.context, props.value),
159
- ...getRadioDataSet(props),
159
+ ...getRadioDataAttrs(props),
160
160
  onPointerMove() {
161
161
  if (!rootState.isInteractive)
162
162
  return;
@@ -170,8 +170,9 @@ function connect(state, send, normalize) {
170
170
  onPointerDown(event) {
171
171
  if (!rootState.isInteractive)
172
172
  return;
173
- if (rootState.isFocused)
173
+ if (rootState.isFocused && event.pointerType === "mouse") {
174
174
  event.preventDefault();
175
+ }
175
176
  send({ type: "SET_ACTIVE", value: props.value, active: true });
176
177
  },
177
178
  onPointerUp() {
@@ -185,7 +186,7 @@ function connect(state, send, normalize) {
185
186
  return normalize.element({
186
187
  ...parts.radioLabel.attrs,
187
188
  id: dom.getRadioLabelId(state.context, props.value),
188
- ...getRadioDataSet(props)
189
+ ...getRadioDataAttrs(props)
189
190
  });
190
191
  },
191
192
  getRadioControlProps(props) {
@@ -195,7 +196,7 @@ function connect(state, send, normalize) {
195
196
  id: dom.getRadioControlId(state.context, props.value),
196
197
  "data-active": (0, import_dom_query2.dataAttr)(controlState.isActive),
197
198
  "aria-hidden": true,
198
- ...getRadioDataSet(props)
199
+ ...getRadioDataAttrs(props)
199
200
  });
200
201
  },
201
202
  getRadioInputProps(props) {
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  connect
3
- } from "./chunk-57ZUFOAP.mjs";
3
+ } from "./chunk-BVCYFZ6N.mjs";
4
4
  import {
5
5
  anatomy
6
6
  } from "./chunk-MGLN5L3R.mjs";
package/dist/radio-group.connect.js CHANGED
@@ -77,7 +77,7 @@ function connect(state, send, normalize) {
77
77
  isInteractive: !(radioState.isReadOnly || radioState.isDisabled)
78
78
  };
79
79
  }
80
- function getRadioDataSet(props) {
80
+ function getRadioDataAttrs(props) {
81
81
  const radioState = getRadioState(props);
82
82
  return {
83
83
  "data-focus": (0, import_dom_query2.dataAttr)(radioState.isFocused),
@@ -152,7 +152,7 @@ function connect(state, send, normalize) {
152
152
  ...parts.radio.attrs,
153
153
  id: dom.getRadioId(state.context, props.value),
154
154
  htmlFor: dom.getRadioInputId(state.context, props.value),
155
- ...getRadioDataSet(props),
155
+ ...getRadioDataAttrs(props),
156
156
  onPointerMove() {
157
157
  if (!rootState.isInteractive)
158
158
  return;
@@ -166,8 +166,9 @@ function connect(state, send, normalize) {
166
166
  onPointerDown(event) {
167
167
  if (!rootState.isInteractive)
168
168
  return;
169
- if (rootState.isFocused)
169
+ if (rootState.isFocused && event.pointerType === "mouse") {
170
170
  event.preventDefault();
171
+ }
171
172
  send({ type: "SET_ACTIVE", value: props.value, active: true });
172
173
  },
173
174
  onPointerUp() {
@@ -181,7 +182,7 @@ function connect(state, send, normalize) {
181
182
  return normalize.element({
182
183
  ...parts.radioLabel.attrs,
183
184
  id: dom.getRadioLabelId(state.context, props.value),
184
- ...getRadioDataSet(props)
185
+ ...getRadioDataAttrs(props)
185
186
  });
186
187
  },
187
188
  getRadioControlProps(props) {
@@ -191,7 +192,7 @@ function connect(state, send, normalize) {
191
192
  id: dom.getRadioControlId(state.context, props.value),
192
193
  "data-active": (0, import_dom_query2.dataAttr)(controlState.isActive),
193
194
  "aria-hidden": true,
194
- ...getRadioDataSet(props)
195
+ ...getRadioDataAttrs(props)
195
196
  });
196
197
  },
197
198
  getRadioInputProps(props) {
package/dist/radio-group.connect.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  connect
3
- } from "./chunk-57ZUFOAP.mjs";
3
+ } from "./chunk-BVCYFZ6N.mjs";
4
4
  import "./chunk-MGLN5L3R.mjs";
5
5
  import "./chunk-ITVKBCBK.mjs";
6
6
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/radio-group",
3
- "version": "0.2.1",
3
+ "version": "0.2.3",
4
4
  "description": "Core logic for the radio group widget implemented as a state machine",
5
5
  "keywords": [
6
6
  "js",
@@ -31,8 +31,8 @@
31
31
  "@zag-js/dom-query": "0.1.4",
32
32
  "@zag-js/form-utils": "0.2.5",
33
33
  "@zag-js/visually-hidden": "0.0.1",
34
- "@zag-js/utils": "0.3.3",
35
- "@zag-js/core": "0.2.10",
34
+ "@zag-js/utils": "0.3.4",
35
+ "@zag-js/core": "0.2.12",
36
36
  "@zag-js/types": "0.3.4"
37
37
  },
38
38
  "devDependencies": {