@povio/ui 5.0.0-rc.9 → 6.0.0-rc.1

package/dist/{PaginationList-DtvuP63b.js → PaginationList-PjOxNQwB.js}

@@ -1,10 +1,11 @@
-import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
+import { r as ChevronLeft } from "./Tooltip-CMigoyri.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { r as cva } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as Button } from "./Button-C5rv4Cr2.js";
-import "./i18n-CX2EjhJI.js";
+import { t as Button } from "./Button-DER_6cxv.js";
+import { IconButton } from "./components/icon-button.js";
+import "./i18n-BjNKHh_D.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -21,7 +22,7 @@ const minWidth = cva("", {
 //#endregion
 //#region src/components/shared/pagination/PaginationList.tsx
 const PaginationList = (t0) => {
-	const $ = c(61);
+	const $ = c(54);
 	const { page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange } = t0;
 	const { t } = useTranslation("ui");
 	const isPrevDisabled = page <= 1;
@@ -87,122 +88,120 @@ const PaginationList = (t0) => {
 	} else t3 = $[14];
 	const onPrevious = t3;
 	let t4;
-	if ($[15] !== className) {
-		t4 = clsx("flex items-center gap-pagination-button-to-button", className);
-		$[15] = className;
-		$[16] = t4;
-	} else t4 = $[16];
+	if ($[15] !== color || $[16] !== hideText || $[17] !== size || $[18] !== variant) {
+		t4 = (t5) => {
+			const { label, ...props } = t5;
+			return hideText ? /* @__PURE__ */ jsx(IconButton, {
+				...props,
+				label,
+				size,
+				color,
+				variant,
+				disableTooltip: true
+			}) : /* @__PURE__ */ jsx(Button, {
+				...props,
+				size,
+				color,
+				variant,
+				children: label
+			});
+		};
+		$[15] = color;
+		$[16] = hideText;
+		$[17] = size;
+		$[18] = variant;
+		$[19] = t4;
+	} else t4 = $[19];
+	const renderNavigationButton = t4;
 	let t5;
-	if ($[17] !== color || $[18] !== hideFirstLast || $[19] !== hideText || $[20] !== isPrevDisabled || $[21] !== onPageChange || $[22] !== size || $[23] !== t || $[24] !== variant) {
-		t5 = !hideFirstLast && /* @__PURE__ */ jsx(Button, {
+	if ($[20] !== className) {
+		t5 = clsx("flex items-center gap-pagination-button-to-button", className);
+		$[20] = className;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] !== hideFirstLast || $[23] !== isPrevDisabled || $[24] !== onPageChange || $[25] !== renderNavigationButton || $[26] !== t) {
+		t6 = !hideFirstLast && renderNavigationButton({
 			onClick: () => onPageChange?.(1),
 			isDisabled: isPrevDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronsLeft,
-			children: t(_temp)
+			label: t(_temp)
 		});
-		$[17] = color;
-		$[18] = hideFirstLast;
-		$[19] = hideText;
-		$[20] = isPrevDisabled;
-		$[21] = onPageChange;
-		$[22] = size;
-		$[23] = t;
-		$[24] = variant;
-		$[25] = t5;
-	} else t5 = $[25];
-	let t6;
-	if ($[26] !== color || $[27] !== hidePrevNext || $[28] !== hideText || $[29] !== isPrevDisabled || $[30] !== onPrevious || $[31] !== size || $[32] !== t || $[33] !== variant) {
-		t6 = !hidePrevNext && /* @__PURE__ */ jsx(Button, {
+		$[22] = hideFirstLast;
+		$[23] = isPrevDisabled;
+		$[24] = onPageChange;
+		$[25] = renderNavigationButton;
+		$[26] = t;
+		$[27] = t6;
+	} else t6 = $[27];
+	let t7;
+	if ($[28] !== hidePrevNext || $[29] !== isPrevDisabled || $[30] !== onPrevious || $[31] !== renderNavigationButton || $[32] !== t) {
+		t7 = !hidePrevNext && renderNavigationButton({
 			onClick: onPrevious,
 			isDisabled: isPrevDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronLeft,
-			children: t(_temp2)
+			label: t(_temp2)
 		});
-		$[26] = color;
-		$[27] = hidePrevNext;
-		$[28] = hideText;
+		$[28] = hidePrevNext;
 		$[29] = isPrevDisabled;
 		$[30] = onPrevious;
-		$[31] = size;
+		$[31] = renderNavigationButton;
 		$[32] = t;
-		$[33] = variant;
-		$[34] = t6;
-	} else t6 = $[34];
-	const t7 = !hideNumbers && renderPageNumbers;
-	let t8;
-	if ($[35] !== color || $[36] !== hidePrevNext || $[37] !== hideText || $[38] !== isNextDisabled || $[39] !== onNext || $[40] !== size || $[41] !== t || $[42] !== variant) {
-		t8 = !hidePrevNext && /* @__PURE__ */ jsx(Button, {
+		$[33] = t7;
+	} else t7 = $[33];
+	const t8 = !hideNumbers && renderPageNumbers;
+	let t9;
+	if ($[34] !== hidePrevNext || $[35] !== isNextDisabled || $[36] !== onNext || $[37] !== renderNavigationButton || $[38] !== t) {
+		t9 = !hidePrevNext && renderNavigationButton({
 			onClick: onNext,
 			isDisabled: isNextDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronRight,
-			children: t(_temp3)
+			label: t(_temp3)
 		});
-		$[35] = color;
-		$[36] = hidePrevNext;
-		$[37] = hideText;
-		$[38] = isNextDisabled;
-		$[39] = onNext;
-		$[40] = size;
-		$[41] = t;
-		$[42] = variant;
-		$[43] = t8;
-	} else t8 = $[43];
-	let t9;
-	if ($[44] !== color || $[45] !== hideFirstLast || $[46] !== hideText || $[47] !== isNextDisabled || $[48] !== onPageChange || $[49] !== size || $[50] !== t || $[51] !== totalPages || $[52] !== variant) {
-		t9 = !hideFirstLast && /* @__PURE__ */ jsx(Button, {
+		$[34] = hidePrevNext;
+		$[35] = isNextDisabled;
+		$[36] = onNext;
+		$[37] = renderNavigationButton;
+		$[38] = t;
+		$[39] = t9;
+	} else t9 = $[39];
+	let t10;
+	if ($[40] !== hideFirstLast || $[41] !== isNextDisabled || $[42] !== onPageChange || $[43] !== renderNavigationButton || $[44] !== t || $[45] !== totalPages) {
+		t10 = !hideFirstLast && renderNavigationButton({
 			onClick: () => onPageChange?.(totalPages),
 			isDisabled: isNextDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronsRight,
-			children: t(_temp4)
+			label: t(_temp4)
 		});
-		$[44] = color;
-		$[45] = hideFirstLast;
-		$[46] = hideText;
-		$[47] = isNextDisabled;
-		$[48] = onPageChange;
-		$[49] = size;
-		$[50] = t;
-		$[51] = totalPages;
-		$[52] = variant;
-		$[53] = t9;
-	} else t9 = $[53];
-	let t10;
-	if ($[54] !== t4 || $[55] !== t5 || $[56] !== t6 || $[57] !== t7 || $[58] !== t8 || $[59] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("nav", {
-			className: t4,
+		$[40] = hideFirstLast;
+		$[41] = isNextDisabled;
+		$[42] = onPageChange;
+		$[43] = renderNavigationButton;
+		$[44] = t;
+		$[45] = totalPages;
+		$[46] = t10;
+	} else t10 = $[46];
+	let t11;
+	if ($[47] !== t10 || $[48] !== t5 || $[49] !== t6 || $[50] !== t7 || $[51] !== t8 || $[52] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("nav", {
+			className: t5,
 			children: [
-				t5,
 				t6,
 				t7,
 				t8,
-				t9
+				t9,
+				t10
 			]
 		});
-		$[54] = t4;
-		$[55] = t5;
-		$[56] = t6;
-		$[57] = t7;
-		$[58] = t8;
-		$[59] = t9;
-		$[60] = t10;
-	} else t10 = $[60];
-	return t10;
+		$[47] = t10;
+		$[48] = t5;
+		$[49] = t6;
+		$[50] = t7;
+		$[51] = t8;
+		$[52] = t9;
+		$[53] = t11;
+	} else t11 = $[53];
+	return t11;
 };
 function _temp($) {
 	return $.ui.pagination.firstBtn;

package/dist/PasswordInput-BHPFkVbM.d.ts

@@ -0,0 +1,11 @@
+import { i as InputProps } from "./Input-BX3sZBEp.js";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
+interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "trailingIcon" | "unit"> {
+  field?: never;
+}
+declare const PasswordInputComponent: (props: PasswordInputProps & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const PasswordInput: typeof PasswordInputComponent;
+//#endregion
+export { PasswordInputProps as n, PasswordInput as t };

package/dist/PasswordInput.bound-CrXKvfil.js

@@ -0,0 +1,23 @@
+import { n as EyeOff, t as Eye } from "./eye-BA4nRlMX.js";
+import "./i18n-BjNKHh_D.js";
+import { t as Input } from "./Input.bound-jZx8gJro.js";
+import { memo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.bound.tsx
+const PasswordInputComponent = (props) => {
+	const { t } = useTranslation("ui");
+	const [isRevealed, setIsRevealed] = useState(false);
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		type: isRevealed ? "text" : "password",
+		action: {
+			icon: isRevealed ? Eye : EyeOff,
+			altText: t(($) => isRevealed ? $.ui.password.hide : $.ui.password.reveal),
+			onClick: () => setIsRevealed(!isRevealed)
+		}
+	});
+};
+const PasswordInput = memo(PasswordInputComponent);
+//#endregion
+export { PasswordInput as t };

package/dist/{PasswordInput-CLwFUgl0.d.ts → PasswordInput.bound-DC57m4NT.d.ts}

@@ -1,9 +1,8 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { i as InputProps } from "./Input-DOanwj3l.js";
-//#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
-interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "trailingIcon" | "unit"> {}
-type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;
+import { n as PasswordInputProps$1 } from "./PasswordInput-BHPFkVbM.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.bound.d.ts
+type PasswordInputProps<TFieldValues extends FieldValues = FieldValues> = ControlledPasswordInputProps<TFieldValues>;
+type ControlledPasswordInputProps<TFieldValues extends FieldValues> = FormControlProps<PasswordInputProps$1, TFieldValues>;
 declare const PasswordInputComponent: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react").JSX.Element;
 declare const PasswordInput: typeof PasswordInputComponent;
 //#endregion

package/dist/{Popover-BTHPteIh.d.ts → Popover-pjd0Hu61.d.ts}

@@ -1,5 +1,5 @@
-import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
-import "./BottomSheet.lazy-D9LCEo7s.js";
+import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.js";
+import "./BottomSheet.lazy-BzvLg8Ea.js";
 import { ReactElement, ReactNode } from "react";
 import { PopoverProps } from "react-aria-components";
 //#region src/components/overlays/Popover/Popover.d.ts

package/dist/{Progress-CjWOR38H.d.ts → Progress-1WGRZE8l.d.ts}

@@ -1,5 +1,5 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-_RXJdSk-.js";
 //#region src/components/status/Progress/progress.cva.d.ts
 declare const progressDefinition: {
   base: string[];
@@ -22,7 +22,7 @@ declare const progressTrackDefinition: {
   config: StyleMergeUtils.Config<{
     readonly part: {
       container: ["relative h-1 w-full"];
-      background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-popover"];
+      background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-sunken"];
     };
   }>;
 };

package/dist/{Progress-B3mY9rIP.js → Progress-De76pCfX.js}

@@ -1,33 +1,8 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D7iiX6Lh.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/status/Progress/progress.cva.ts
-const progressDefinition = UIOverrides.defineConfig({
-	base: ["flex w-full items-center justify-center gap-file-upload-content-gap-progress-actions"],
-	config: {
-		variants: { valueLabel: {
-			leading: ["flex-row-reverse"],
-			trailing: [],
-			none: []
-		} },
-		defaultVariants: { valueLabel: "trailing" }
-	}
-});
-const progressTrackWrapperDefinition = UIOverrides.defineConfig({ base: ["flex flex-fill flex-col items-start gap-2 py-progress-height-height"] });
-const progressTrackDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: { part: {
-			container: ["relative h-1 w-full"],
-			background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-popover"]
-		} },
-		defaultVariants: { part: "container" }
-	}
-});
-const progressFillDefinition = UIOverrides.defineConfig({ base: ["absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-primary-background transition-all duration-300"] });
-const progressValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-surface-default-popover-foreground"] });
-//#endregion
 //#region src/components/status/Progress/Progress.tsx
 const Progress = (t0) => {
 	const $ = c(33);
@@ -141,4 +116,4 @@ const Progress = (t0) => {
 	return t15;
 };
 //#endregion
-export { progressTrackWrapperDefinition as a, progressTrackDefinition as i, progressDefinition as n, progressValueDefinition as o, progressFillDefinition as r, Progress as t };
+export { Progress as t };

package/dist/{RadioGroup-DOw3PRoX.js → RadioGroup-BPSvcre6.js}

@@ -1,18 +1,15 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
-import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
-import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-DlQcyN1f.js";
-import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-Da1c_cOO.js";
-import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-B99dLt8o.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
+import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-CqF1SaVw.js";
+import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-DJ9CCbEa.js";
 import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { a as radioIndicatorClass, i as radioDefinition, n as radioContentRowDefinition, o as radioTypography, r as radioContentWrapperDefinition, t as radioContentClassName } from "./radio.cva-Ctdop1xV.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
@@ -25,7 +22,7 @@ import { VisuallyHidden } from "react-aria/VisuallyHidden";
 import { useRadio, useRadioGroup } from "react-aria/useRadioGroup";
 import { useRadioGroupState } from "react-stately/useRadioGroupState";
 import { useLabel } from "@react-aria/label";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/RadioGroup.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/RadioGroup.mjs
 const $fe21c36db05242bb$export$a79eda4ff50e30b6 = /*#__PURE__*/ createContext(null);
 const $fe21c36db05242bb$export$b118023277d4a5c3 = /*#__PURE__*/ createContext(null);
 const $fe21c36db05242bb$export$29d84393af70866c = /*#__PURE__*/ createContext(null);
@@ -143,84 +140,6 @@ const $fe21c36db05242bb$export$f4422ae58352e179 = /*#__PURE__*/ forwardRef(funct
 	})), renderProps.children);
 });
 //#endregion
-//#region src/components/inputs/RadioGroup/radio.cva.ts
-const radioDefinition = UIOverrides.defineConfig({
-	base: [
-		"flex items-center justify-center border-2",
-		"relative m-1.25 size-3.5 shrink-0 rounded-full",
-		"before:absolute before:hidden before:size-1 before:rounded-full",
-		uiGroupOutlineClass
-	],
-	config: {
-		variants: { variant: { default: [
-			"border-interactive-primary-background bg-support-transparent-outline",
-			"before:bg-interactive-primary-foreground group-selected:before:block",
-			"group-focus-visible:outline-interactive-ring",
-			"group-not-disabled:group-invalid:border-border-destructive-base",
-			"group-disabled:border-state-interactive-primary-background/disabled",
-			"group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover",
-			"group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed",
-			"group-selected:bg-interactive-primary-background",
-			"group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
-			"group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
-			"group-selected:group-disabled:bg-state-interactive-primary-background/disabled"
-		] } },
-		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: "large",
-	sizeMobile: "large"
-} });
-const radioContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
-//#endregion
 //#region src/components/inputs/RadioGroup/RadioGroup.tsx
 const RadioGroupBase = (props) => {
 	const ui = UIConfig.useConfig();
@@ -348,30 +267,7 @@ const RadioGroupBase = (props) => {
 		})
 	});
 };
-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: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value,
-				onChange: (value) => {
-					field.onChange(value);
-					field.onBlur();
-				},
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(RadioGroupBase, { ...props });
-};
+const RadioGroupComponent = (props) => /* @__PURE__ */ jsx(RadioGroupBase, { ...props });
 const RadioGroup = memo(RadioGroupComponent);
 //#endregion
-export { radioDefinition as i, radioContentRowDefinition as n, radioContentWrapperDefinition as r, RadioGroup as t };
+export { RadioGroupBase as n, RadioGroup as t };

package/dist/RadioGroup-DEwQ6B1F.d.ts

@@ -0,0 +1,26 @@
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { t as RadioVariantProps } from "./radio.cva-DO3UEac-.js";
+import { ReactElement, Ref } from "react";
+import { RadioGroupProps } from "react-aria-components";
+//#region src/components/inputs/RadioGroup/RadioGroup.d.ts
+interface RadioGroupBaseProps extends Omit<FormFieldProps, "variant">, RadioVariantProps, Omit<InputVariantProps, "variant">, Omit<RadioGroupProps, "className"> {
+  ref?: Ref<HTMLDivElement>;
+  options: {
+    label: string | ReactElement;
+    value: string;
+  }[];
+  isDirty?: boolean;
+  inputClassName?: string;
+  labelClassName?: string;
+}
+declare const RadioGroupBase: (props: RadioGroupBaseProps) => import("react").JSX.Element;
+interface RadioGroupProps$1 extends RadioGroupBaseProps {
+  field?: never;
+}
+declare const RadioGroupComponent: (props: RadioGroupProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const RadioGroup: import("react").MemoExoticComponent<typeof RadioGroupComponent>;
+//#endregion
+export { RadioGroupProps$1 as i, RadioGroupBase as n, RadioGroupComponent as r, RadioGroup as t };

package/dist/RadioGroup.bound-CN4K9dV2.js

@@ -0,0 +1,32 @@
+import { n as RadioGroupBase } from "./RadioGroup-BPSvcre6.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/RadioGroup/RadioGroup.bound.tsx
+const RadioGroupComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(RadioGroupBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value,
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			name: field.name,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const RadioGroup = memo(RadioGroupComponent);
+//#endregion
+export { RadioGroup as t };

package/dist/RadioGroup.bound-Dj6CEG6M.d.ts

@@ -0,0 +1,9 @@
+import { i as RadioGroupProps$1 } from "./RadioGroup-DEwQ6B1F.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/RadioGroup/RadioGroup.bound.d.ts
+type ControlledRadioGroupProps<TFieldValues extends FieldValues> = FormControlProps<RadioGroupProps$1, TFieldValues>;
+type RadioGroupProps<TFieldValues extends FieldValues = FieldValues> = ControlledRadioGroupProps<TFieldValues>;
+declare const RadioGroupComponent: <TFieldValues extends FieldValues>(props: ControlledRadioGroupProps<TFieldValues>) => import("react").JSX.Element;
+declare const RadioGroup: typeof RadioGroupComponent;
+//#endregion
+export { RadioGroup as n, RadioGroupProps as r, ControlledRadioGroupProps as t };