@primer/react/dist/FormControl/FormControlLabel.js

An implementation of GitHub's Primer Design System using React

import { useFormControlContext } from "./_FormControlContext.js";
import { InputLabel } from "../internal/components/InputLabel.js";
import { c } from "react-compiler-runtime";
import { jsx } from "react/jsx-runtime";
//#region src/FormControl/FormControlLabel.tsx
const FormControlLabel = (t0) => {
	var _id;
	const $ = c(26);
	let as;
	let children;
	let className;
	let htmlFor;
	let id;
	let props;
	let requiredText;
	let t1;
	let visuallyHidden;
	if ($[0] !== t0) {
		({as, children, htmlFor, id, visuallyHidden, requiredIndicator: t1, requiredText, className, ...props} = t0);
		$[0] = t0;
		$[1] = as;
		$[2] = children;
		$[3] = className;
		$[4] = htmlFor;
		$[5] = id;
		$[6] = props;
		$[7] = requiredText;
		$[8] = t1;
		$[9] = visuallyHidden;
	} else {
		as = $[1];
		children = $[2];
		className = $[3];
		htmlFor = $[4];
		id = $[5];
		props = $[6];
		requiredText = $[7];
		t1 = $[8];
		visuallyHidden = $[9];
	}
	const requiredIndicator = t1 === void 0 ? true : t1;
	const { disabled, id: formControlId, required, isReferenced, labelId } = useFormControlContext();
	const resolvedId = (_id = id) !== null && _id !== void 0 ? _id : labelId;
	let t2;
	if ($[10] !== as || $[11] !== className || $[12] !== disabled || $[13] !== formControlId || $[14] !== htmlFor || $[15] !== isReferenced || $[16] !== props || $[17] !== required || $[18] !== requiredIndicator || $[19] !== requiredText || $[20] !== resolvedId || $[21] !== visuallyHidden) {
		t2 = as === "legend" || as === "span" ? {
			as,
			id: resolvedId,
			className,
			visuallyHidden,
			required,
			requiredText,
			requiredIndicator,
			disabled,
			...props
		} : {
			as,
			id: resolvedId,
			className,
			visuallyHidden,
			htmlFor: isReferenced === false ? void 0 : htmlFor || formControlId,
			required,
			requiredText,
			requiredIndicator,
			disabled,
			...props
		};
		$[10] = as;
		$[11] = className;
		$[12] = disabled;
		$[13] = formControlId;
		$[14] = htmlFor;
		$[15] = isReferenced;
		$[16] = props;
		$[17] = required;
		$[18] = requiredIndicator;
		$[19] = requiredText;
		$[20] = resolvedId;
		$[21] = visuallyHidden;
		$[22] = t2;
	} else t2 = $[22];
	const labelProps = t2;
	let t3;
	if ($[23] !== children || $[24] !== labelProps) {
		t3 = /*#__PURE__*/ jsx(InputLabel, {
			...labelProps,
			"data-component": "FormControl.Label",
			children
		});
		$[23] = children;
		$[24] = labelProps;
		$[25] = t3;
	} else t3 = $[25];
	return t3;
};
FormControlLabel.__SLOT__ = Symbol("FormControl.Label");
//#endregion
export { FormControlLabel as default };