@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/RadioGroup-CNSTNHYN.js

@@ -0,0 +1,569 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-DoGaUqFm.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { D as $64fa3d84918910a7$export$fabf2dc03a41866e, E as $64fa3d84918910a7$export$ef03459518577ad4, G as $431fbd86ca7dc216$export$f21a1ffae260145a, J as $bdb11010cef70236$export$f680877a34711e37, L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, P as $df56164dff5785e2$export$4338b53315abf666, R as $3ef42575df84b30b$export$9d1611c77c2fe928, S as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, T as $64fa3d84918910a7$export$df3a06d6289f983e, b as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $f645667febf57a63$export$4c014de7c8940b4c, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3, y as $64fa3d84918910a7$export$2881499e37b75b9a, z as $5dc95899b306f630$export$c9058316764c140e } from "./useHover-DwfnacVy.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, n as $c8a5a149f625efcf$export$758399f318e6385a, t as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-qJF4qfyY.js";
+import { t as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BhJH8XnS.js";
+import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-CLFkoJMP.js";
+import { n as $9ab94262bd0047c7$export$420e68273165f4ec, t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CANxCO5-.js";
+import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DjaDVPQT.js";
+import { t as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-BFvzYK5u.js";
+import { n as $2baaea4c71418dea$export$294aa081a6c6f55d, t as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-DLZqyNVp.js";
+import { i as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidationState-Bpry7Uk5.js";
+import { t as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-C0MdchIz.js";
+import { t as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BTtw_Syz.js";
+import { n as $ee014567cb39d3f0$export$ff05c3ac10437e03, t as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-CKUcoaMX.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
+import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
+import $HgANd$react, { createContext, forwardRef, memo, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@react-aria+radio@3.12.4+67f6792bdf102c28/node_modules/@react-aria/radio/dist/utils.mjs
+const $884aeceb3d67f00f$export$37b65e5b5444d35c = /* @__PURE__ */ new WeakMap();
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+radio@3.12.4+67f6792bdf102c28/node_modules/@react-aria/radio/dist/useRadio.mjs
+function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
+	let { value, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
+	const isDisabled = props.isDisabled || state.isDisabled;
+	if (!(children != null) && !(ariaLabel != null || ariaLabelledby != null) && true) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+	let checked = state.selectedValue === value;
+	let onChange = (e) => {
+		e.stopPropagation();
+		state.setSelectedValue(value);
+	};
+	let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+		onPressStart,
+		onPressEnd,
+		onPressChange,
+		onPress,
+		onPressUp,
+		onClick,
+		isDisabled
+	});
+	let { pressProps: labelProps, isPressed: isLabelPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+		onPressStart,
+		onPressEnd,
+		onPressChange,
+		onPressUp,
+		onClick,
+		isDisabled,
+		onPress(e) {
+			var _ref_current;
+			onPress === null || onPress === void 0 || onPress(e);
+			state.setSelectedValue(value);
+			(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+		}
+	});
+	let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c($3ef42575df84b30b$export$9d1611c77c2fe928(props, { onFocus: () => state.setLastFocusedValue(value) }), ref);
+	let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true });
+	let tabIndex = -1;
+	if (state.selectedValue != null) {
+		if (state.selectedValue === value) tabIndex = 0;
+	} else if (state.lastFocusedValue === value || state.lastFocusedValue == null) tabIndex = 0;
+	if (isDisabled) tabIndex = void 0;
+	let { name, form, descriptionId, errorMessageId, validationBehavior } = $884aeceb3d67f00f$export$37b65e5b5444d35c.get(state);
+	$99facab73266f662$export$5add1d006293d136(ref, state.defaultSelectedValue, state.setSelectedValue);
+	$e93e671b31057976$export$b8473d3665f3a75a({ validationBehavior }, state, ref);
+	return {
+		labelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, useMemo(() => ({
+			onClick: (e) => e.preventDefault(),
+			onMouseDown: (e) => e.preventDefault()
+		}), [])),
+		inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
+			...interactions,
+			type: "radio",
+			name,
+			form,
+			tabIndex,
+			disabled: isDisabled,
+			required: state.isRequired && validationBehavior === "native",
+			checked,
+			value,
+			onChange,
+			"aria-describedby": [
+				props["aria-describedby"],
+				state.isInvalid ? errorMessageId : null,
+				descriptionId
+			].filter(Boolean).join(" ") || void 0
+		}),
+		isDisabled,
+		isSelected: checked,
+		isPressed: isPressed || isLabelPressed
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+radio@3.12.4+67f6792bdf102c28/node_modules/@react-aria/radio/dist/useRadioGroup.mjs
+function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
+	let { name, form, isReadOnly, isRequired, isDisabled, orientation = "vertical", validationBehavior = "aria" } = props;
+	let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+	let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
+		...props,
+		labelElementType: "span",
+		isInvalid: state.isInvalid,
+		errorMessage: props.errorMessage || validationErrors
+	});
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true });
+	let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
+		onBlurWithin(e) {
+			var _props_onBlur;
+			(_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 || _props_onBlur.call(props, e);
+			if (!state.selectedValue) state.setLastFocusedValue(null);
+		},
+		onFocusWithin: props.onFocus,
+		onFocusWithinChange: props.onFocusChange
+	});
+	let onKeyDown = (e) => {
+		let nextDir;
+		switch (e.key) {
+			case "ArrowRight":
+				if (direction === "rtl" && orientation !== "vertical") nextDir = "prev";
+				else nextDir = "next";
+				break;
+			case "ArrowLeft":
+				if (direction === "rtl" && orientation !== "vertical") nextDir = "next";
+				else nextDir = "prev";
+				break;
+			case "ArrowDown":
+				nextDir = "next";
+				break;
+			case "ArrowUp":
+				nextDir = "prev";
+				break;
+			default: return;
+		}
+		e.preventDefault();
+		let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(e.currentTarget, {
+			from: e.target,
+			accept: (node) => node instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(node).HTMLInputElement && node.type === "radio"
+		});
+		let nextElem;
+		if (nextDir === "next") {
+			nextElem = walker.nextNode();
+			if (!nextElem) {
+				walker.currentNode = e.currentTarget;
+				nextElem = walker.firstChild();
+			}
+		} else {
+			nextElem = walker.previousNode();
+			if (!nextElem) {
+				walker.currentNode = e.currentTarget;
+				nextElem = walker.lastChild();
+			}
+		}
+		if (nextElem) {
+			nextElem.focus();
+			state.setSelectedValue(nextElem.value);
+		}
+	};
+	let groupName = $bdb11010cef70236$export$f680877a34711e37(name);
+	$884aeceb3d67f00f$export$37b65e5b5444d35c.set(state, {
+		name: groupName,
+		form,
+		descriptionId: descriptionProps.id,
+		errorMessageId: errorMessageProps.id,
+		validationBehavior
+	});
+	return {
+		radioGroupProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
+			role: "radiogroup",
+			onKeyDown,
+			"aria-invalid": state.isInvalid || void 0,
+			"aria-errormessage": props["aria-errormessage"],
+			"aria-readonly": isReadOnly || void 0,
+			"aria-required": isRequired || void 0,
+			"aria-disabled": isDisabled || void 0,
+			"aria-orientation": orientation,
+			...fieldProps,
+			...focusWithinProps
+		}),
+		labelProps,
+		descriptionProps,
+		errorMessageProps,
+		isInvalid,
+		validationErrors,
+		validationDetails
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-stately+radio@3.11.4+83d5fd7b249dbeef/node_modules/@react-stately/radio/dist/useRadioGroupState.mjs
+let $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
+let $a54cdc5c1942b639$var$i = 0;
+function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
+	let name = useMemo(() => props.name || `radio-group-${$a54cdc5c1942b639$var$instance}-${++$a54cdc5c1942b639$var$i}`, [props.name]);
+	var _props_defaultValue;
+	let [selectedValue, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
+	let [initialValue] = useState(selectedValue);
+	let [lastFocusedValue, setLastFocusedValue] = useState(null);
+	let validation = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+		...props,
+		value: selectedValue
+	});
+	let setSelectedValue = (value) => {
+		if (!props.isReadOnly && !props.isDisabled) {
+			setSelected(value);
+			validation.commitValidation();
+		}
+	};
+	let isInvalid = validation.displayValidation.isInvalid;
+	var _props_defaultValue1;
+	return {
+		...validation,
+		name,
+		selectedValue,
+		defaultSelectedValue: props.value !== void 0 ? initialValue : (_props_defaultValue1 = props.defaultValue) !== null && _props_defaultValue1 !== void 0 ? _props_defaultValue1 : null,
+		setSelectedValue,
+		lastFocusedValue,
+		setLastFocusedValue,
+		isDisabled: props.isDisabled || false,
+		isReadOnly: props.isReadOnly || false,
+		isRequired: props.isRequired || false,
+		validationState: props.validationState || (isInvalid ? "invalid" : null),
+		isInvalid
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/RadioGroup.mjs
+const $b6c3ddc6086f204d$export$a79eda4ff50e30b6 = /*#__PURE__*/ createContext(null);
+const $b6c3ddc6086f204d$export$b118023277d4a5c3 = /*#__PURE__*/ createContext(null);
+const $b6c3ddc6086f204d$export$29d84393af70866c = /*#__PURE__*/ createContext(null);
+const $b6c3ddc6086f204d$export$a98f0dcb43a68a25 = /*#__PURE__*/ forwardRef(function RadioGroup(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $b6c3ddc6086f204d$export$a79eda4ff50e30b6);
+	let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
+	var _props_validationBehavior, _ref;
+	let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
+	let state = $a54cdc5c1942b639$export$bca9d026f8e704eb({
+		...props,
+		validationBehavior
+	});
+	let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { radioGroupProps, labelProps, descriptionProps, errorMessageProps, ...validation } = $430f30ed08ec25fa$export$62b9571f283ff5c2({
+		...props,
+		label,
+		validationBehavior
+	}, state);
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			orientation: props.orientation || "vertical",
+			isDisabled: state.isDisabled,
+			isReadOnly: state.isReadOnly,
+			isRequired: state.isRequired,
+			isInvalid: state.isInvalid,
+			state
+		},
+		defaultClassName: "react-aria-RadioGroup"
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, radioGroupProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-orientation": props.orientation || "vertical",
+		"data-invalid": state.isInvalid || void 0,
+		"data-disabled": state.isDisabled || void 0,
+		"data-readonly": state.isReadOnly || void 0,
+		"data-required": state.isRequired || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [
+		[$b6c3ddc6086f204d$export$29d84393af70866c, state],
+		[$01b77f81d0f07f68$export$75b6ee27786ba447, {
+			...labelProps,
+			ref: labelRef,
+			elementType: "span"
+		}],
+		[$514c0188e459b4c0$export$9afb8bc826b033ea, { slots: {
+			description: descriptionProps,
+			errorMessage: errorMessageProps
+		} }],
+		[$ee014567cb39d3f0$export$ff05c3ac10437e03, validation]
+	] }, /*#__PURE__*/ $HgANd$react.createElement($c8a5a149f625efcf$export$758399f318e6385a, null, renderProps.children)));
+});
+const $b6c3ddc6086f204d$export$d7b12c4107be0d61 = /*#__PURE__*/ forwardRef(function Radio(props, ref) {
+	let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(otherProps, ref, $b6c3ddc6086f204d$export$b118023277d4a5c3);
+	let state = $HgANd$react.useContext($b6c3ddc6086f204d$export$29d84393af70866c);
+	let inputRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null), [userProvidedInputRef, props.inputRef]));
+	let { labelProps, inputProps, isSelected, isDisabled, isPressed } = $0d5c49892c1215da$export$37b0961d2f4751e2({
+		...$64fa3d84918910a7$export$ef03459518577ad4(props),
+		children: typeof props.children === "function" ? true : props.children
+	}, state, inputRef);
+	let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+	let interactionDisabled = isDisabled || state.isReadOnly;
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+		...props,
+		isDisabled: interactionDisabled
+	});
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-Radio",
+		values: {
+			isSelected,
+			isPressed,
+			isHovered,
+			isFocused,
+			isFocusVisible,
+			isDisabled,
+			isReadOnly: state.isReadOnly,
+			isInvalid: state.isInvalid,
+			isRequired: state.isRequired
+		}
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.label, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
+		ref,
+		"data-selected": isSelected || void 0,
+		"data-pressed": isPressed || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focused": isFocused || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-disabled": isDisabled || void 0,
+		"data-readonly": state.isReadOnly || void 0,
+		"data-invalid": state.isInvalid || void 0,
+		"data-required": state.isRequired || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, { elementType: "span" }, /*#__PURE__*/ $HgANd$react.createElement("input", {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, focusProps),
+		ref: inputRef
+	})), /*#__PURE__*/ $HgANd$react.createElement($1d5b8b8664671ef2$export$c9549807523555e0.Provider, { value: { isSelected } }, renderProps.children));
+});
+//#endregion
+//#region src/components/inputs/RadioGroup/radio.cva.ts
+const radioDefinition = UIOverrides.defineConfig({
+	base: [
+		"flex items-center justify-center border-2",
+		"relative size-3-5 rounded-full p-1-5",
+		"before:absolute before:hidden before:size-1 before:rounded-full",
+		uiGroupOutlineClass
+	],
+	config: {
+		variants: { variant: { default: [
+			"border-interactive-outlined-secondary-on-idle",
+			"group-disabled:border-interactive-outlined-secondary-on-disabled",
+			"group-hover:border-interactive-outlined-secondary-on-hover",
+			"group-pressed:border-interactive-outlined-secondary-on-pressed",
+			"group-selected:border-interactive-contained-primary-idle",
+			"group-selected:bg-interactive-contained-primary-idle",
+			"group-selected:group-disabled:bg-interactive-contained-primary-disabled",
+			"group-selected:group-disabled:border-interactive-contained-primary-disabled",
+			"group-invalid:border-interactive-outlined-error-on-idle",
+			"group-focus-visible:outline-interactive-contained-primary-focus",
+			"before:bg-interactive-contained-primary-on-idle",
+			"group-hover:before:bg-interactive-contained-primary-on-hover",
+			"group-selected:before:block"
+		] } },
+		defaultVariants: { variant: "default" }
+	}
+});
+const radioContentWrapperDefinition = UIOverrides.defineConfig({
+	base: ["relative flex"],
+	config: {
+		variants: {
+			variant: { default: "" },
+			as: {
+				default: "flex-col",
+				floating: "flex-col",
+				filter: "flex-row flex-wrap items-center gap-2",
+				inline: "flex-row flex-wrap items-center gap-2"
+			},
+			hasInputFrame: {
+				true: "gap-2",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			as: "default",
+			hasInputFrame: false
+		}
+	}
+});
+const radioContentRowDefinition = UIOverrides.defineConfig({
+	base: ["flex"],
+	config: {
+		variants: {
+			variant: { default: "" },
+			as: {
+				default: "flex-col",
+				floating: "flex-col",
+				filter: "flex-row flex-wrap items-center gap-2",
+				inline: "flex-row flex-wrap items-center gap-2"
+			},
+			hasInputFrame: {
+				true: "gap-2",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			as: "default",
+			hasInputFrame: false
+		}
+	}
+});
+const radioIndicatorClass = "group flex items-center gap-2";
+const radioTypography = compoundMapper({ default: {
+	size: "label-1",
+	sizeMobile: "label-1",
+	variant: "default"
+} });
+const radioContentClassName = compoundMapper({ default: "text-text-default-2" });
+//#endregion
+//#region src/components/inputs/RadioGroup/RadioGroup.tsx
+const RadioGroupBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const radioCva = UIOverrides.useCva("radio.cva", radioDefinition);
+	const radioTypographyMap = UIOverrides.useMapper("radio.typography", radioTypography);
+	const radioContentWrapperCva = UIOverrides.useCva("radio.contentWrapperCva", radioContentWrapperDefinition);
+	const radioContentRowCva = UIOverrides.useCva("radio.contentRowCva", radioContentRowDefinition);
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	const radioContentClassNameMap = UIOverrides.useMapper("radio.contentClassName", radioContentClassName);
+	const { ref, label, tooltipText, helperText, isDirty, isRequired, rightContent, isDisabled, headerClassName, errorClassName, labelClassName, inputClassName, isHeaderHidden, error, className, options, value, defaultValue, onChange, onBlur, as: asProp, size: sizeProp, variant: variantProp, hideLabel: hideLabelProp, ...rest } = props;
+	const as = asProp ?? ui.input.as;
+	const size = sizeProp ?? ui.input.size;
+	const variant = variantProp ?? ui.radioGroup.variant;
+	const hideLabel = hideLabelProp ?? ui.radioGroup.hideLabel;
+	const radioClassName = radioCva({
+		variant,
+		...rest
+	});
+	const radioTypographyProps = radioTypographyMap({
+		variant,
+		...rest
+	});
+	const radioContentClassNameValue = radioContentClassNameMap({
+		variant,
+		...rest
+	});
+	const formFieldProps = {
+		className,
+		error,
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f({ label });
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const selectedValue = value ?? defaultValue;
+	const shouldRenderInputFrame = as !== "default";
+	const handleChange = (nextValue) => {
+		onChange?.(nextValue);
+	};
+	return /* @__PURE__ */ jsx($b6c3ddc6086f204d$export$a98f0dcb43a68a25, {
+		...rest,
+		...fieldProps,
+		ref,
+		value,
+		defaultValue,
+		onChange: handleChange,
+		onBlur,
+		isDisabled,
+		isInvalid: !!error,
+		"data-is-dirty": isDirty || void 0,
+		"data-is-required": isRequired || void 0,
+		className: "group",
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("w-full", as === "inline" && "h-full", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("group/radio-group-content relative", shouldRenderInputFrame && inputBaseCva({
+					variant: ui.input.variant,
+					as
+				}), inputClassName),
+				"data-rac": "",
+				"data-disabled": isDisabled || void 0,
+				"data-is-disabled": isDisabled || void 0,
+				"data-invalid": !!error || void 0,
+				"data-has-selection": selectedValue != null && selectedValue !== "" ? true : void 0,
+				"data-radio-group-content": "",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: clsx(radioContentWrapperCva({
+						variant,
+						as,
+						hasInputFrame: shouldRenderInputFrame,
+						...rest
+					}), shouldRenderInputFrame && inputSizeCva({
+						as,
+						size
+					})),
+					"data-is-dirty": isDirty || void 0,
+					"data-is-required": isRequired || void 0,
+					children: [as && ["filter", "floating"].includes(as) && /* @__PURE__ */ jsx(FormFieldLabel, {
+						as,
+						size,
+						...headerProps
+					}), /* @__PURE__ */ jsx("div", {
+						className: radioContentRowCva({
+							variant,
+							as,
+							hasInputFrame: shouldRenderInputFrame,
+							...rest
+						}),
+						children: options.map((option) => /* @__PURE__ */ jsxs($b6c3ddc6086f204d$export$d7b12c4107be0d61, {
+							value: option.value,
+							className: clsx("relative", radioIndicatorClass),
+							children: [/* @__PURE__ */ jsx("div", { className: radioClassName }), /* @__PURE__ */ jsx(CheckContent, {
+								typography: radioTypographyProps,
+								contentClassName: radioContentClassNameValue,
+								className: labelClassName,
+								children: option.label
+							})]
+						}, option.value))
+					})]
+				})
+			})
+		})
+	});
+};
+const RadioGroupComponent = (props) => {
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(RadioGroupBase, {
+				...innerProps,
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
+				value: field.value,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
+				name: field.name,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(RadioGroupBase, { ...props });
+};
+const RadioGroup = memo(RadioGroupComponent);
+//#endregion
+export { radioDefinition as i, radioContentRowDefinition as n, radioContentWrapperDefinition as r, RadioGroup as t };

package/dist/{components/inputs/RadioGroup/radio.cva.d.ts → RadioGroup-D6-jU_Hb.d.ts}

@@ -1,6 +1,11 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import "../../text/Typography/typography.cva.js";
+import { f as RadioGroupProps$1 } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import "./typography.cva-7RYwLrA7.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { n as FormFieldProps } from "./FormField-FvutosEE.js";
+import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
+import { ReactElement, Ref } from "react";
 //#region src/components/inputs/RadioGroup/radio.cva.d.ts
 declare const radioDefinition: {
   base: string[];
@@ -49,4 +54,20 @@ declare const radioContentRowDefinition: {
   }>;
 };
 //#endregion
-export { RadioConfig, RadioVariantProps, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition };
+//#region src/components/inputs/RadioGroup/RadioGroup.d.ts
+interface RadioGroupBaseProps extends Omit<FormFieldProps, "variant">, RadioVariantProps, Omit<InputVariantProps, "variant">, Omit<RadioGroupProps$1, "className"> {
+  ref?: Ref<HTMLDivElement>;
+  options: {
+    label: string | ReactElement;
+    value: string;
+  }[];
+  isDirty?: boolean;
+  inputClassName?: string;
+  labelClassName?: string;
+}
+interface RadioGroupProps extends RadioGroupBaseProps {}
+type ControlledRadioGroupProps<TFieldValues extends FieldValues> = ControlProps<RadioGroupProps, TFieldValues>;
+declare const RadioGroupComponent: <TFieldValues extends FieldValues>(props: ControlledRadioGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroup: typeof RadioGroupComponent;
+//#endregion
+export { radioContentRowDefinition as a, RadioVariantProps as i, RadioGroup as n, radioContentWrapperDefinition as o, RadioGroupProps as r, radioDefinition as s, ControlledRadioGroupProps as t };

package/dist/ResponsivePopover-CokwzUr4.d.ts

@@ -0,0 +1,19 @@
+import { d as PopoverProps } from "./types-BV15_DBT.js";
+import { n as BottomSheetProps } from "./BottomSheet-BWKej2PR.js";
+import { ReactElement, ReactNode } from "react";
+//#region src/components/overlays/ResponsivePopover/ResponsivePopover.d.ts
+type ResponsivePopoverBottomSheetProps = Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "trigger">>;
+type ResponsivePopoverPopoverProps = Partial<Omit<PopoverProps, "children" | "className">>;
+interface ResponsivePopoverProps {
+  trigger: ReactElement;
+  children: ReactNode;
+  isOpen: boolean;
+  onOpenChange: (isOpen: boolean) => void;
+  popoverClassName?: string;
+  sheetLabel: string;
+  bottomSheetProps?: ResponsivePopoverBottomSheetProps;
+  popoverProps?: ResponsivePopoverPopoverProps;
+}
+declare const ResponsivePopover: ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps }: ResponsivePopoverProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ResponsivePopoverProps as n, ResponsivePopover as t };