@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/RadioGroupHeadlessDemo.mjs

@@ -4,134 +4,122 @@ import React from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native-web";
 import { isWeb, useTheme } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 const RadioGroupContext = React.createContext({});
 const RadioGroupItemContext = React.createContext({
-  checked: false,
-  disabled: false
+	checked: false,
+	disabled: false
 });
 function RadioGroupHeadlessDemo() {
-  const {
-    providerValue,
-    frameAttrs,
-    rovingFocusGroupAttrs
-  } = useRadioGroup({
-    orientation: "vertical",
-    name: "form",
-    defaultValue: "3"
-  });
-  return /* @__PURE__ */jsx(RadioGroupContext.Provider, {
-    value: providerValue,
-    children: /* @__PURE__ */jsx(RovingFocusGroup, {
-      ...rovingFocusGroupAttrs,
-      children: /* @__PURE__ */jsxs(View, {
-        style: styles.radioGroup,
-        ...frameAttrs,
-        children: [/* @__PURE__ */jsx(RadioGroupItem, {
-          value: "2",
-          id: "2",
-          label: "First Value"
-        }), /* @__PURE__ */jsx(RadioGroupItem, {
-          value: "3",
-          id: "3",
-          label: "Second Value"
-        }), /* @__PURE__ */jsx(RadioGroupItem, {
-          value: "4",
-          id: "4",
-          label: "Third Value"
-        })]
-      })
-    })
-  });
+	const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
+		orientation: "vertical",
+		name: "form",
+		defaultValue: "3"
+	});
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ jsx(RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ jsxs(View, {
+				style: styles.radioGroup,
+				...frameAttrs,
+				children: [
+					/* @__PURE__ */ jsx(RadioGroupItem, {
+						value: "2",
+						id: "2",
+						label: "First Value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItem, {
+						value: "3",
+						id: "3",
+						label: "Second Value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItem, {
+						value: "4",
+						id: "4",
+						label: "Third Value"
+					})
+				]
+			})
+		})
+	});
 }
 function RadioGroupItem(props) {
-  const theme = useTheme();
-  const {
-    value,
-    id,
-    label
-  } = props;
-  const {
-    providerValue,
-    native,
-    bubbleInput,
-    rovingFocusGroupAttrs,
-    frameAttrs,
-    isFormControl,
-    checked
-  } = useRadioGroupItem({
-    radioGroupContext: RadioGroupContext,
-    value,
-    id
-  });
-  return /* @__PURE__ */jsx(RadioGroupItemContext.Provider, {
-    value: providerValue,
-    children: isWeb && native ? bubbleInput : /* @__PURE__ */jsxs(View, {
-      style: styles.radioGroupItemContainer,
-      children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
-        ...rovingFocusGroupAttrs,
-        children: /* @__PURE__ */jsx(Pressable, {
-          style: {
-            ...styles.radioGroupItem,
-            borderColor: theme.borderColor?.get(),
-            ...(checked ? {
-              borderWidth: 4
-            } : {
-              backgroundColor: theme.background?.get()
-            })
-          },
-          ...frameAttrs,
-          onFocus: frameAttrs.onFocus,
-          children: /* @__PURE__ */jsx(RadioGroupItemIndicator, {})
-        })
-      }), /* @__PURE__ */jsx(Text, {
-        style: {
-          color: theme.color?.get()
-        },
-        children: label
-      }), isFormControl && bubbleInput]
-    })
-  });
+	const theme = useTheme();
+	const { value, id, label } = props;
+	const { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = useRadioGroupItem({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id
+	});
+	return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(View, {
+			style: styles.radioGroupItemContainer,
+			children: [
+				/* @__PURE__ */ jsx(RovingFocusGroup.Item, {
+					...rovingFocusGroupAttrs,
+					children: /* @__PURE__ */ jsx(Pressable, {
+						style: {
+							...styles.radioGroupItem,
+							borderColor: theme["border-color"]?.get(),
+							...checked ? { borderWidth: 4 } : { backgroundColor: theme.background?.get() }
+						},
+						...frameAttrs,
+						onFocus: frameAttrs.onFocus,
+						children: /* @__PURE__ */ jsx(RadioGroupItemIndicator, {})
+					})
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					style: { color: theme.color?.get() },
+					children: label
+				}),
+				isFormControl && bubbleInput
+			]
+		})
+	});
 }
 function RadioGroupItemIndicator() {
-  const theme = useTheme();
-  const params = useRadioGroupItemIndicator({
-    radioGroupItemContext: RadioGroupItemContext,
-    disabled: false
-  });
-  if (params.checked) {
-    return /* @__PURE__ */jsx(View, {
-      style: {
-        ...styles.radioGroupItemIndicator,
-        backgroundColor: theme.color?.get()
-      },
-      ...params
-    });
-  }
-  return null;
+	const theme = useTheme();
+	const params = useRadioGroupItemIndicator({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled: false
+	});
+	if (params.checked) {
+		return /* @__PURE__ */ jsx(View, {
+			style: {
+				...styles.radioGroupItemIndicator,
+				backgroundColor: theme.color?.get()
+			},
+			...params
+		});
+	}
+	return null;
 }
 const styles = StyleSheet.create({
-  radioGroup: {
-    flexDirection: "column",
-    gap: 20,
-    alignItems: "flex-start"
-  },
-  radioGroupItem: {
-    borderWidth: 2,
-    width: 30,
-    height: 30,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  radioGroupItemIndicator: {
-    width: "35%",
-    height: "35%"
-  },
-  radioGroupItemContainer: {
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 12
-  }
+	radioGroup: {
+		flexDirection: "column",
+		gap: 20,
+		alignItems: "flex-start"
+	},
+	radioGroupItem: {
+		borderWidth: 2,
+		width: 30,
+		height: 30,
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	radioGroupItemIndicator: {
+		width: "35%",
+		height: "35%"
+	},
+	radioGroupItemContainer: {
+		justifyContent: "center",
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 12
+	}
 });
+
 export { RadioGroupHeadlessDemo };
 //# sourceMappingURL=RadioGroupHeadlessDemo.mjs.map

package/dist/esm/RadioGroupHeadlessDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","jsx","jsxs","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator","create","flexDirection","gap","alignItems","width","height","justifyContent"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RadioGroupHeadlessDemo.js","names":[],"sources":["esm/RadioGroupHeadlessDemo.js"],"sourcesContent":["import {\n  useRadioGroup,\n  useRadioGroupItem,\n  useRadioGroupItemIndicator\n} from \"@tamagui/radio-headless\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport React from \"react\";\nimport { Pressable, StyleSheet, Text, View } from \"react-native-web\";\nimport { isWeb, useTheme } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst RadioGroupContext = React.createContext({});\nconst RadioGroupItemContext = React.createContext({\n  checked: false,\n  disabled: false\n});\nfunction RadioGroupHeadlessDemo() {\n  const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({\n    orientation: \"vertical\",\n    name: \"form\",\n    defaultValue: \"3\"\n  });\n  return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsxs(View, { style: styles.radioGroup, ...frameAttrs, children: [\n    /* @__PURE__ */ jsx(RadioGroupItem, { value: \"2\", id: \"2\", label: \"First Value\" }),\n    /* @__PURE__ */ jsx(RadioGroupItem, { value: \"3\", id: \"3\", label: \"Second Value\" }),\n    /* @__PURE__ */ jsx(RadioGroupItem, { value: \"4\", id: \"4\", label: \"Third Value\" })\n  ] }) }) });\n}\nfunction RadioGroupItem(props) {\n  const theme = useTheme();\n  const { value, id, label } = props;\n  const {\n    providerValue,\n    native,\n    bubbleInput,\n    rovingFocusGroupAttrs,\n    frameAttrs,\n    isFormControl,\n    checked\n  } = useRadioGroupItem({\n    radioGroupContext: RadioGroupContext,\n    value,\n    id\n  });\n  return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(View, { style: styles.radioGroupItemContainer, children: [\n    /* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(\n      Pressable,\n      {\n        style: {\n          ...styles.radioGroupItem,\n          borderColor: theme[\"border-color\"]?.get(),\n          ...checked ? { borderWidth: 4 } : { backgroundColor: theme.background?.get() }\n        },\n        ...frameAttrs,\n        onFocus: frameAttrs.onFocus,\n        children: /* @__PURE__ */ jsx(RadioGroupItemIndicator, {})\n      }\n    ) }),\n    /* @__PURE__ */ jsx(Text, { style: { color: theme.color?.get() }, children: label }),\n    isFormControl && bubbleInput\n  ] }) });\n}\nfunction RadioGroupItemIndicator() {\n  const theme = useTheme();\n  const params = useRadioGroupItemIndicator({\n    radioGroupItemContext: RadioGroupItemContext,\n    disabled: false\n  });\n  if (params.checked) {\n    return /* @__PURE__ */ jsx(\n      View,\n      {\n        style: {\n          ...styles.radioGroupItemIndicator,\n          backgroundColor: theme.color?.get()\n        },\n        ...params\n      }\n    );\n  }\n  return null;\n}\nconst styles = StyleSheet.create({\n  radioGroup: {\n    flexDirection: \"column\",\n    gap: 20,\n    alignItems: \"flex-start\"\n  },\n  radioGroupItem: {\n    borderWidth: 2,\n    width: 30,\n    height: 30,\n    justifyContent: \"center\",\n    alignItems: \"center\"\n  },\n  radioGroupItemIndicator: {\n    width: \"35%\",\n    height: \"35%\"\n  },\n  radioGroupItemContainer: {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    gap: 12\n  }\n});\nexport {\n  RadioGroupHeadlessDemo\n};\n//# sourceMappingURL=RadioGroupHeadlessDemo.js.map\n"],"mappings":";;;;;;;;AAUA,MAAM,oBAAoB,MAAM,cAAc,CAAC,CAAC;AAChD,MAAM,wBAAwB,MAAM,cAAc;CAChD,SAAS;CACT,UAAU;AACZ,CAAC;AACD,SAAS,yBAAyB;CAChC,MAAM,EAAE,eAAe,YAAY,0BAA0B,cAAc;EACzE,aAAa;EACb,MAAM;EACN,cAAc;CAChB,CAAC;CACD,OAAuB,oBAAI,kBAAkB,UAAU;EAAE,OAAO;EAAe,UAA0B,oBAAI,kBAAkB;GAAE,GAAG;GAAuB,UAA0B,qBAAK,MAAM;IAAE,OAAO,OAAO;IAAY,GAAG;IAAY,UAAU;KACnO,oBAAI,gBAAgB;MAAE,OAAO;MAAK,IAAI;MAAK,OAAO;KAAc,CAAC;KACjE,oBAAI,gBAAgB;MAAE,OAAO;MAAK,IAAI;MAAK,OAAO;KAAe,CAAC;KAClE,oBAAI,gBAAgB;MAAE,OAAO;MAAK,IAAI;MAAK,OAAO;KAAc,CAAC;IACnF;GAAE,CAAC;EAAE,CAAC;CAAE,CAAC;AACX;AACA,SAAS,eAAe,OAAO;CAC7B,MAAM,QAAQ,SAAS;CACvB,MAAM,EAAE,OAAO,IAAI,UAAU;CAC7B,MAAM,EACJ,eACA,QACA,aACA,uBACA,YACA,eACA,YACE,kBAAkB;EACpB,mBAAmB;EACnB;EACA;CACF,CAAC;CACD,OAAuB,oBAAI,sBAAsB,UAAU;EAAE,OAAO;EAAe,UAAU,SAAS,SAAS,cAA8B,qBAAK,MAAM;GAAE,OAAO,OAAO;GAAyB,UAAU;IACzL,oBAAI,iBAAiB,MAAM;KAAE,GAAG;KAAuB,UAA0B,oBAC/F,WACA;MACE,OAAO;OACL,GAAG,OAAO;OACV,aAAa,MAAM,iBAAiB,IAAI;OACxC,GAAG,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,MAAM,YAAY,IAAI,EAAE;MAC/E;MACA,GAAG;MACH,SAAS,WAAW;MACpB,UAA0B,oBAAI,yBAAyB,CAAC,CAAC;KAC3D,CACF;IAAE,CAAC;IACa,oBAAI,MAAM;KAAE,OAAO,EAAE,OAAO,MAAM,OAAO,IAAI,EAAE;KAAG,UAAU;IAAM,CAAC;IACnF,iBAAiB;GACnB;EAAE,CAAC;CAAE,CAAC;AACR;AACA,SAAS,0BAA0B;CACjC,MAAM,QAAQ,SAAS;CACvB,MAAM,SAAS,2BAA2B;EACxC,uBAAuB;EACvB,UAAU;CACZ,CAAC;CACD,IAAI,OAAO,SAAS;EAClB,OAAuB,oBACrB,MACA;GACE,OAAO;IACL,GAAG,OAAO;IACV,iBAAiB,MAAM,OAAO,IAAI;GACpC;GACA,GAAG;EACL,CACF;CACF;CACA,OAAO;AACT;AACA,MAAM,SAAS,WAAW,OAAO;CAC/B,YAAY;EACV,eAAe;EACf,KAAK;EACL,YAAY;CACd;CACA,gBAAgB;EACd,aAAa;EACb,OAAO;EACP,QAAQ;EACR,gBAAgB;EAChB,YAAY;CACd;CACA,yBAAyB;EACvB,OAAO;EACP,QAAQ;CACV;CACA,yBAAyB;EACvB,gBAAgB;EAChB,YAAY;EACZ,eAAe;EACf,KAAK;CACP;AACF,CAAC"}

package/dist/esm/RadioGroupHeadlessDemo.native.js

@@ -1,139 +1,127 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@tamagui/radio-headless";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
 import React from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 import { isWeb, useTheme } from "tamagui";
-var RadioGroupContext = /* @__PURE__ */React.createContext({});
-var RadioGroupItemContext = /* @__PURE__ */React.createContext({
-  checked: false,
-  disabled: false
+
+var RadioGroupContext = /* @__PURE__ */ React.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */ React.createContext({
+	checked: false,
+	disabled: false
 });
 function RadioGroupHeadlessDemo() {
-  var {
-    providerValue,
-    frameAttrs,
-    rovingFocusGroupAttrs
-  } = useRadioGroup({
-    orientation: "vertical",
-    name: "form",
-    defaultValue: "3"
-  });
-  return /* @__PURE__ */_jsx(RadioGroupContext.Provider, {
-    value: providerValue,
-    children: /* @__PURE__ */_jsx(RovingFocusGroup, {
-      ...rovingFocusGroupAttrs,
-      children: /* @__PURE__ */_jsxs(View, {
-        style: styles.radioGroup,
-        ...frameAttrs,
-        children: [/* @__PURE__ */_jsx(RadioGroupItem, {
-          value: "2",
-          id: "2",
-          label: "First Value"
-        }), /* @__PURE__ */_jsx(RadioGroupItem, {
-          value: "3",
-          id: "3",
-          label: "Second Value"
-        }), /* @__PURE__ */_jsx(RadioGroupItem, {
-          value: "4",
-          id: "4",
-          label: "Third Value"
-        })]
-      })
-    })
-  });
+	var { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
+		orientation: "vertical",
+		name: "form",
+		defaultValue: "3"
+	});
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ jsx(RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ jsxs(View, {
+				style: styles.radioGroup,
+				...frameAttrs,
+				children: [
+					/* @__PURE__ */ jsx(RadioGroupItem, {
+						value: "2",
+						id: "2",
+						label: "First Value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItem, {
+						value: "3",
+						id: "3",
+						label: "Second Value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItem, {
+						value: "4",
+						id: "4",
+						label: "Third Value"
+					})
+				]
+			})
+		})
+	});
 }
 function RadioGroupItem(props) {
-  var _theme_borderColor, _theme_background, _theme_color;
-  var theme = useTheme();
-  var {
-    value,
-    id,
-    label
-  } = props;
-  var {
-    providerValue,
-    native,
-    bubbleInput,
-    rovingFocusGroupAttrs,
-    frameAttrs,
-    isFormControl,
-    checked
-  } = useRadioGroupItem({
-    radioGroupContext: RadioGroupContext,
-    value,
-    id
-  });
-  return /* @__PURE__ */_jsx(RadioGroupItemContext.Provider, {
-    value: providerValue,
-    children: isWeb && native ? bubbleInput : /* @__PURE__ */_jsxs(View, {
-      style: styles.radioGroupItemContainer,
-      children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
-        ...rovingFocusGroupAttrs,
-        children: /* @__PURE__ */_jsx(Pressable, {
-          style: {
-            ...styles.radioGroupItem,
-            borderColor: (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get(),
-            ...(checked ? {
-              borderWidth: 4
-            } : {
-              backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()
-            })
-          },
-          ...frameAttrs,
-          onFocus: frameAttrs.onFocus,
-          children: /* @__PURE__ */_jsx(RadioGroupItemIndicator, {})
-        })
-      }), /* @__PURE__ */_jsx(Text, {
-        style: {
-          color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
-        },
-        children: label
-      }), isFormControl && bubbleInput]
-    })
-  });
+	var _theme_bordercolor, _theme_background, _theme_color;
+	var theme = useTheme();
+	var { value, id, label } = props;
+	var { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = useRadioGroupItem({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id
+	});
+	return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(View, {
+			style: styles.radioGroupItemContainer,
+			children: [
+				/* @__PURE__ */ jsx(RovingFocusGroup.Item, {
+					...rovingFocusGroupAttrs,
+					children: /* @__PURE__ */ jsx(Pressable, {
+						style: {
+							...styles.radioGroupItem,
+							borderColor: (_theme_bordercolor = theme["border-color"]) === null || _theme_bordercolor === void 0 ? void 0 : _theme_bordercolor.get(),
+							...checked ? { borderWidth: 4 } : { backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get() }
+						},
+						...frameAttrs,
+						onFocus: frameAttrs.onFocus,
+						children: /* @__PURE__ */ jsx(RadioGroupItemIndicator, {})
+					})
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					style: { color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get() },
+					children: label
+				}),
+				isFormControl && bubbleInput
+			]
+		})
+	});
 }
 function RadioGroupItemIndicator() {
-  var theme = useTheme();
-  var params = useRadioGroupItemIndicator({
-    radioGroupItemContext: RadioGroupItemContext,
-    disabled: false
-  });
-  if (params.checked) {
-    var _theme_color;
-    return /* @__PURE__ */_jsx(View, {
-      style: {
-        ...styles.radioGroupItemIndicator,
-        backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
-      },
-      ...params
-    });
-  }
-  return null;
+	var theme = useTheme();
+	var params = useRadioGroupItemIndicator({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled: false
+	});
+	if (params.checked) {
+		var _theme_color;
+		return /* @__PURE__ */ jsx(View, {
+			style: {
+				...styles.radioGroupItemIndicator,
+				backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
+			},
+			...params
+		});
+	}
+	return null;
 }
 var styles = StyleSheet.create({
-  radioGroup: {
-    flexDirection: "column",
-    gap: 20,
-    alignItems: "flex-start"
-  },
-  radioGroupItem: {
-    borderWidth: 2,
-    width: 30,
-    height: 30,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  radioGroupItemIndicator: {
-    width: "35%",
-    height: "35%"
-  },
-  radioGroupItemContainer: {
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 12
-  }
+	radioGroup: {
+		flexDirection: "column",
+		gap: 20,
+		alignItems: "flex-start"
+	},
+	radioGroupItem: {
+		borderWidth: 2,
+		width: 30,
+		height: 30,
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	radioGroupItemIndicator: {
+		width: "35%",
+		height: "35%"
+	},
+	radioGroupItemContainer: {
+		justifyContent: "center",
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 12
+	}
 });
+
 export { RadioGroupHeadlessDemo };
 //# sourceMappingURL=RadioGroupHeadlessDemo.native.js.map

package/dist/esm/RadioGroupHeadlessDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RadioGroupHeadlessDemo.native.js","names":[],"sources":["esm/RadioGroupHeadlessDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from \"@tamagui/radio-headless\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport React from \"react\";\nimport { Pressable, StyleSheet, Text, View } from \"react-native\";\nimport { isWeb, useTheme } from \"tamagui\";\nvar RadioGroupContext = /* @__PURE__ */ React.createContext({});\nvar RadioGroupItemContext = /* @__PURE__ */ React.createContext({\n  checked: false,\n  disabled: false\n});\nfunction RadioGroupHeadlessDemo() {\n  var { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({\n    orientation: \"vertical\",\n    name: \"form\",\n    defaultValue: \"3\"\n  });\n  return /* @__PURE__ */ _jsx(RadioGroupContext.Provider, {\n    value: providerValue,\n    children: /* @__PURE__ */ _jsx(RovingFocusGroup, {\n      ...rovingFocusGroupAttrs,\n      children: /* @__PURE__ */ _jsxs(View, {\n        style: styles.radioGroup,\n        ...frameAttrs,\n        children: [\n          /* @__PURE__ */ _jsx(RadioGroupItem, {\n            value: \"2\",\n            id: \"2\",\n            label: \"First Value\"\n          }),\n          /* @__PURE__ */ _jsx(RadioGroupItem, {\n            value: \"3\",\n            id: \"3\",\n            label: \"Second Value\"\n          }),\n          /* @__PURE__ */ _jsx(RadioGroupItem, {\n            value: \"4\",\n            id: \"4\",\n            label: \"Third Value\"\n          })\n        ]\n      })\n    })\n  });\n}\nfunction RadioGroupItem(props) {\n  var _theme_bordercolor, _theme_background, _theme_color;\n  var theme = useTheme();\n  var { value, id, label } = props;\n  var { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = useRadioGroupItem({\n    radioGroupContext: RadioGroupContext,\n    value,\n    id\n  });\n  return /* @__PURE__ */ _jsx(RadioGroupItemContext.Provider, {\n    value: providerValue,\n    children: isWeb && native ? bubbleInput : /* @__PURE__ */ _jsxs(View, {\n      style: styles.radioGroupItemContainer,\n      children: [\n        /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {\n          ...rovingFocusGroupAttrs,\n          children: /* @__PURE__ */ _jsx(Pressable, {\n            style: {\n              ...styles.radioGroupItem,\n              borderColor: (_theme_bordercolor = theme[\"border-color\"]) === null || _theme_bordercolor === void 0 ? void 0 : _theme_bordercolor.get(),\n              ...checked ? {\n                borderWidth: 4\n              } : {\n                backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()\n              }\n            },\n            ...frameAttrs,\n            onFocus: frameAttrs.onFocus,\n            children: /* @__PURE__ */ _jsx(RadioGroupItemIndicator, {})\n          })\n        }),\n        /* @__PURE__ */ _jsx(Text, {\n          style: {\n            color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n          },\n          children: label\n        }),\n        isFormControl && bubbleInput\n      ]\n    })\n  });\n}\nfunction RadioGroupItemIndicator() {\n  var theme = useTheme();\n  var params = useRadioGroupItemIndicator({\n    radioGroupItemContext: RadioGroupItemContext,\n    disabled: false\n  });\n  if (params.checked) {\n    var _theme_color;\n    return /* @__PURE__ */ _jsx(View, {\n      style: {\n        ...styles.radioGroupItemIndicator,\n        backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n      },\n      ...params\n    });\n  }\n  return null;\n}\nvar styles = StyleSheet.create({\n  radioGroup: {\n    flexDirection: \"column\",\n    gap: 20,\n    alignItems: \"flex-start\"\n  },\n  radioGroupItem: {\n    borderWidth: 2,\n    width: 30,\n    height: 30,\n    justifyContent: \"center\",\n    alignItems: \"center\"\n  },\n  radioGroupItemIndicator: {\n    width: \"35%\",\n    height: \"35%\"\n  },\n  radioGroupItemContainer: {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    gap: 12\n  }\n});\nexport {\n  RadioGroupHeadlessDemo\n};\n//# sourceMappingURL=RadioGroupHeadlessDemo.js.map\n"],"mappings":";;;;;;;;AAMA,IAAI,oBAAoC,sBAAM,cAAc,CAAC,CAAC;AAC9D,IAAI,wBAAwC,sBAAM,cAAc;CAC9D,SAAS;CACT,UAAU;AACZ,CAAC;AACD,SAAS,yBAAyB;CAChC,IAAI,EAAE,eAAe,YAAY,0BAA0B,cAAc;EACvE,aAAa;EACb,MAAM;EACN,cAAc;CAChB,CAAC;CACD,OAAuB,oBAAK,kBAAkB,UAAU;EACtD,OAAO;EACP,UAA0B,oBAAK,kBAAkB;GAC/C,GAAG;GACH,UAA0B,qBAAM,MAAM;IACpC,OAAO,OAAO;IACd,GAAG;IACH,UAAU;KACQ,oBAAK,gBAAgB;MACnC,OAAO;MACP,IAAI;MACJ,OAAO;KACT,CAAC;KACe,oBAAK,gBAAgB;MACnC,OAAO;MACP,IAAI;MACJ,OAAO;KACT,CAAC;KACe,oBAAK,gBAAgB;MACnC,OAAO;MACP,IAAI;MACJ,OAAO;KACT,CAAC;IACH;GACF,CAAC;EACH,CAAC;CACH,CAAC;AACH;AACA,SAAS,eAAe,OAAO;CAC7B,IAAI,oBAAoB,mBAAmB;CAC3C,IAAI,QAAQ,SAAS;CACrB,IAAI,EAAE,OAAO,IAAI,UAAU;CAC3B,IAAI,EAAE,eAAe,QAAQ,aAAa,uBAAuB,YAAY,eAAe,YAAY,kBAAkB;EACxH,mBAAmB;EACnB;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,sBAAsB,UAAU;EAC1D,OAAO;EACP,UAAU,SAAS,SAAS,cAA8B,qBAAM,MAAM;GACpE,OAAO,OAAO;GACd,UAAU;IACQ,oBAAK,iBAAiB,MAAM;KAC1C,GAAG;KACH,UAA0B,oBAAK,WAAW;MACxC,OAAO;OACL,GAAG,OAAO;OACV,cAAc,qBAAqB,MAAM,qBAAqB,QAAQ,uBAAuB,KAAK,IAAI,KAAK,IAAI,mBAAmB,IAAI;OACtI,GAAG,UAAU,EACX,aAAa,EACf,IAAI,EACF,kBAAkB,oBAAoB,MAAM,gBAAgB,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,IAAI,EACpI;MACF;MACA,GAAG;MACH,SAAS,WAAW;MACpB,UAA0B,oBAAK,yBAAyB,CAAC,CAAC;KAC5D,CAAC;IACH,CAAC;IACe,oBAAK,MAAM;KACzB,OAAO,EACL,QAAQ,eAAe,MAAM,WAAW,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa,IAAI,EACtG;KACA,UAAU;IACZ,CAAC;IACD,iBAAiB;GACnB;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,0BAA0B;CACjC,IAAI,QAAQ,SAAS;CACrB,IAAI,SAAS,2BAA2B;EACtC,uBAAuB;EACvB,UAAU;CACZ,CAAC;CACD,IAAI,OAAO,SAAS;EAClB,IAAI;EACJ,OAAuB,oBAAK,MAAM;GAChC,OAAO;IACL,GAAG,OAAO;IACV,kBAAkB,eAAe,MAAM,WAAW,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa,IAAI;GAChH;GACA,GAAG;EACL,CAAC;CACH;CACA,OAAO;AACT;AACA,IAAI,SAAS,WAAW,OAAO;CAC7B,YAAY;EACV,eAAe;EACf,KAAK;EACL,YAAY;CACd;CACA,gBAAgB;EACd,aAAa;EACb,OAAO;EACP,QAAQ;EACR,gBAAgB;EAChB,YAAY;CACd;CACA,yBAAyB;EACvB,OAAO;EACP,QAAQ;CACV;CACA,yBAAyB;EACvB,gBAAgB;EAChB,YAAY;EACZ,eAAe;EACf,KAAK;CACP;AACF,CAAC"}