/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { jsx } from "react/jsx-runtime";
import { Label } from "react-aria-components";
//#region src/forms/common/Label.tsx
var styles = { label: "block mb-2" };
/**
* Label component with ratio-ui default styling.
*
* Built on React Aria's Label component for proper accessibility.
* Uses the standard ratio-ui label style: 'block font-bold mb-2'.
*
* If no children are provided, returns null to avoid rendering an empty label.
*
* Can be used standalone with htmlFor, or as part of React Aria form field components
* where it automatically associates with the input via context.
*
* @example
* // With React Aria components (automatic association)
* ```tsx
* <TextField>
*   <Label>Email Address</Label>
*   <Input />
* </TextField>
* ```
*
* @example
* // Standalone with htmlFor
* ```tsx
* <Label htmlFor="email">Email Address</Label>
* <input id="email" type="email" />
* ```
*
* @example
* // Custom styling
* ```tsx
* <Label className="text-lg text-blue-600">Custom Label</Label>
* ```
*/
function Label$1({ children, className, ...props }) {
	if (!children) return null;
	return /* @__PURE__ */ jsx(Label, {
		className: className ?? styles.label,
		...props,
		children
	});
}
//#endregion
export { Label$1 as Label };

//# sourceMappingURL=Label.js.map