@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/inputs/Toggle/Toggle.js

@@ -5,230 +5,70 @@ import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { toggleContentClassName, toggleDefinition, toggleTypography } from "./toggle.cva.js";
 import { clsx } from "clsx";
+import { memo } from "react";
 import { Switch } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Toggle/Toggle.tsx
-var ToggleBase = (props) => {
-	const $ = c(48);
+const ToggleBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const toggleCva = UIOverrides.useCva("toggle.cva", toggleDefinition);
 	const toggleTypographyMap = UIOverrides.useMapper("toggle.typography", toggleTypography);
 	const toggleContentClassNameMap = UIOverrides.useMapper("toggle.contentClassName", toggleContentClassName);
-	let T0;
-	let T1;
-	let children;
-	let formFieldErrorProps;
-	let t0;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	let t7;
-	let t8;
-	let t9;
-	if ($[0] !== props || $[1] !== toggleContentClassNameMap || $[2] !== toggleCva || $[3] !== toggleTypographyMap || $[4] !== ui) {
-		const { className, children: t10, isDisabled, error, variant: variantProp, onChange, onBlur, ...rest } = props;
-		children = t10;
-		const variant = variantProp ?? ui.toggle.variant;
-		let t11;
-		if ($[19] !== error || $[20] !== isDisabled) {
-			t11 = {
-				error,
-				isDisabled
-			};
-			$[19] = error;
-			$[20] = isDisabled;
-			$[21] = t11;
-		} else t11 = $[21];
-		formFieldErrorProps = t11;
-		let t12;
-		if ($[22] !== onChange) {
-			t12 = (isSelected) => {
-				onChange?.(isSelected);
-			};
-			$[22] = onChange;
-			$[23] = t12;
-		} else t12 = $[23];
-		const handleChange = t12;
-		T1 = Switch;
-		t2 = rest;
-		t3 = props.isDirty || void 0;
-		t4 = props.isRequired || void 0;
-		t5 = isDisabled;
-		t6 = handleChange;
-		t7 = onBlur;
-		const t13 = !isDisabled && "cursor-pointer";
-		if ($[24] !== className || $[25] !== t13) {
-			t8 = clsx("group flex items-center gap-2", t13, className);
-			$[24] = className;
-			$[25] = t13;
-			$[26] = t8;
-		} else t8 = $[26];
-		t9 = /* @__PURE__ */ jsx("div", { className: toggleCva({
+	const { className, children, isDisabled, error, variant: variantProp, onChange, onBlur, ...rest } = props;
+	const variant = variantProp ?? ui.toggle.variant;
+	const formFieldErrorProps = {
+		error,
+		isDisabled
+	};
+	const handleChange = (isSelected) => {
+		onChange?.(isSelected);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Switch, {
+		...rest,
+		"data-is-dirty": props.isDirty || void 0,
+		"data-is-required": props.isRequired || void 0,
+		isDisabled,
+		onChange: handleChange,
+		onBlur,
+		className: clsx("group flex items-center gap-2", !isDisabled && "cursor-pointer", className),
+		children: [/* @__PURE__ */ jsx("div", { className: toggleCva({
 			variant,
 			...rest
-		}) });
-		T0 = CheckContent;
-		t0 = toggleTypographyMap({
-			variant,
-			...rest
-		});
-		t1 = toggleContentClassNameMap({
-			variant,
-			...rest
-		});
-		$[0] = props;
-		$[1] = toggleContentClassNameMap;
-		$[2] = toggleCva;
-		$[3] = toggleTypographyMap;
-		$[4] = ui;
-		$[5] = T0;
-		$[6] = T1;
-		$[7] = children;
-		$[8] = formFieldErrorProps;
-		$[9] = t0;
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
-		$[16] = t7;
-		$[17] = t8;
-		$[18] = t9;
-	} else {
-		T0 = $[5];
-		T1 = $[6];
-		children = $[7];
-		formFieldErrorProps = $[8];
-		t0 = $[9];
-		t1 = $[10];
-		t2 = $[11];
-		t3 = $[12];
-		t4 = $[13];
-		t5 = $[14];
-		t6 = $[15];
-		t7 = $[16];
-		t8 = $[17];
-		t9 = $[18];
-	}
-	let t10;
-	if ($[27] !== T0 || $[28] !== children || $[29] !== t0 || $[30] !== t1) {
-		t10 = /* @__PURE__ */ jsx(T0, {
-			typography: t0,
-			contentClassName: t1,
+		}) }), /* @__PURE__ */ jsx(CheckContent, {
+			typography: toggleTypographyMap({
+				variant,
+				...rest
+			}),
+			contentClassName: toggleContentClassNameMap({
+				variant,
+				...rest
+			}),
 			children
-		});
-		$[27] = T0;
-		$[28] = children;
-		$[29] = t0;
-		$[30] = t1;
-		$[31] = t10;
-	} else t10 = $[31];
-	let t11;
-	if ($[32] !== T1 || $[33] !== t10 || $[34] !== t2 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(T1, {
-			...t2,
-			"data-is-dirty": t3,
-			"data-is-required": t4,
-			isDisabled: t5,
-			onChange: t6,
-			onBlur: t7,
-			className: t8,
-			children: [t9, t10]
-		});
-		$[32] = T1;
-		$[33] = t10;
-		$[34] = t2;
-		$[35] = t3;
-		$[36] = t4;
-		$[37] = t5;
-		$[38] = t6;
-		$[39] = t7;
-		$[40] = t8;
-		$[41] = t9;
-		$[42] = t11;
-	} else t11 = $[42];
-	let t12;
-	if ($[43] !== formFieldErrorProps) {
-		t12 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
-		$[43] = formFieldErrorProps;
-		$[44] = t12;
-	} else t12 = $[44];
-	let t13;
-	if ($[45] !== t11 || $[46] !== t12) {
-		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
-		$[45] = t11;
-		$[46] = t12;
-		$[47] = t13;
-	} else t13 = $[47];
-	return t13;
+		})]
+	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
 };
-var Toggle = (props) => {
-	const $ = c(15);
+const ToggleComponent = (props) => {
 	if ("field" in props && props.field) {
-		let field;
-		let innerProps;
-		let ref;
-		if ($[0] !== props) {
-			({field, ref, ...innerProps} = props);
-			$[0] = props;
-			$[1] = field;
-			$[2] = innerProps;
-			$[3] = ref;
-		} else {
-			field = $[1];
-			innerProps = $[2];
-			ref = $[3];
-		}
-		let t0;
-		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
-			t0 = (t1) => {
-				const { field: field_0, fieldState: t2 } = t1;
-				const { error, isDirty } = t2;
-				return /* @__PURE__ */ jsx(ToggleBase, {
-					...innerProps,
-					ref: mergeRefs(ref, field_0.ref),
-					isSelected: field_0.value,
-					onChange: field_0.onChange,
-					onBlur: field_0.onBlur,
-					name: field_0.name,
-					isDirty,
-					isDisabled: field_0.disabled || props.isDisabled,
-					error: props.error ?? error?.message
-				});
-			};
-			$[4] = innerProps;
-			$[5] = props.error;
-			$[6] = props.isDisabled;
-			$[7] = ref;
-			$[8] = t0;
-		} else t0 = $[8];
-		let t1;
-		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(FieldController, {
-				control: field.form,
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(ToggleBase, {
+				...innerProps,
+				ref: mergeRefs(ref, field.ref),
+				isSelected: field.value,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
 				name: field.name,
-				render: t0
-			});
-			$[9] = field.form;
-			$[10] = field.name;
-			$[11] = t0;
-			$[12] = t1;
-		} else t1 = $[12];
-		return t1;
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
 	}
-	let t0;
-	if ($[13] !== props) {
-		t0 = /* @__PURE__ */ jsx(ToggleBase, { ...props });
-		$[13] = props;
-		$[14] = t0;
-	} else t0 = $[14];
-	return t0;
+	return /* @__PURE__ */ jsx(ToggleBase, { ...props });
 };
+const Toggle = memo(ToggleComponent);
 //#endregion
 export { Toggle };

package/dist/components/inputs/Toggle/toggle.cva.d.ts

@@ -1,19 +1,16 @@
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const toggleDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly default: ["bg-interactive-contained-secondary-idle", "group-disabled:bg-interactive-contained-secondary-disabled", "group-hover:bg-interactive-contained-secondary-hover", "group-pressed:bg-interactive-contained-secondary-pressed", "group-selected:bg-interactive-contained-primary-idle", "group-selected:group-hover:bg-interactive-contained-primary-hover", "group-selected:group-pressed:bg-interactive-contained-primary-pressed", "group-focus-visible:outline-interactive-text-secondary-focus", "before:bg-interactive-contained-secondary-on-idle", "group-hover:before:bg-interactive-contained-secondary-on-hover", "group-disabled:before:bg-interactive-contained-secondary-on-disabled", "group-selected:before:bg-interactive-contained-primary-on-idle", "group-selected:group-hover:before:bg-interactive-contained-primary-on-hover", "group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed", "group-selected:group-disabled:bg-interactive-contained-primary-disabled"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/inputs/Toggle/toggle.cva.d.ts
+declare const toggleDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      default: ["bg-interactive-contained-secondary-idle", "group-disabled:bg-interactive-contained-secondary-disabled", "group-hover:bg-interactive-contained-secondary-hover", "group-pressed:bg-interactive-contained-secondary-pressed", "group-selected:bg-interactive-contained-primary-idle", "group-selected:group-hover:bg-interactive-contained-primary-hover", "group-selected:group-pressed:bg-interactive-contained-primary-pressed", "group-focus-visible:outline-interactive-text-secondary-focus", "before:bg-interactive-contained-secondary-on-idle", "group-hover:before:bg-interactive-contained-secondary-on-hover", "group-disabled:before:bg-interactive-contained-secondary-on-disabled", "group-selected:before:bg-interactive-contained-primary-on-idle", "group-selected:group-hover:before:bg-interactive-contained-primary-on-hover", "group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed", "group-selected:group-disabled:bg-interactive-contained-primary-disabled"];
+    };
+  }>;
 };
-export type ToggleConfig = NonNullable<typeof toggleDefinition.config>;
-export interface ToggleVariantProps extends UIOverrides.VariantProps<ToggleConfig> {
-}
-export declare const toggleTypography: (props: {
-    readonly variant?: "default" | null | undefined;
-}) => TypographyVariantProps | undefined;
-export declare const toggleContentClassName: (props: {
-    readonly variant?: "default" | null | undefined;
-}) => string | undefined;
+type ToggleConfig = NonNullable<typeof toggleDefinition.config>;
+interface ToggleVariantProps extends UIOverrides.VariantProps<ToggleConfig> {}
+//#endregion
+export { ToggleConfig, ToggleVariantProps, toggleDefinition };

package/dist/components/inputs/Toggle/toggle.cva.js

@@ -2,7 +2,7 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiGroupOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 //#region src/components/inputs/Toggle/toggle.cva.ts
-var toggleDefinition = UIOverrides.defineConfig({
+const toggleDefinition = UIOverrides.defineConfig({
 	base: ["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
 	config: {
 		variants: { variant: { default: [
@@ -25,11 +25,11 @@ var toggleDefinition = UIOverrides.defineConfig({
 		defaultVariants: { variant: "default" }
 	}
 });
-var toggleTypography = compoundMapper({ default: {
+const toggleTypography = compoundMapper({ default: {
 	size: "label-1",
 	sizeMobile: "label-1",
 	variant: "default"
 } });
-var toggleContentClassName = compoundMapper({ default: "text-text-default-2" });
+const toggleContentClassName = compoundMapper({ default: "text-text-default-2" });
 //#endregion
 export { toggleContentClassName, toggleDefinition, toggleTypography };

package/dist/components/inputs/shared/CheckContent.js

@@ -1,29 +1,19 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import clsx$1 from "clsx";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/CheckContent.tsx
-var CheckContent = (t0) => {
-	const $ = c(3);
-	const { children, className, contentClassName, ...props } = t0;
-	const t1 = clsx$1(UIOverrides.useCva("typography.cva", typographyDefinition)({
-		size: "label-1",
-		sizeMobile: "label-1",
-		variant: "default",
-		...props.typography
-	}), contentClassName, className);
-	let t2;
-	if ($[0] !== children || $[1] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children
-		});
-		$[0] = children;
-		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+const CheckContent = ({ children, className, contentClassName, ...props }) => {
+	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx$1(typographyCva({
+			size: "label-1",
+			sizeMobile: "label-1",
+			variant: "default",
+			...props.typography
+		}), contentClassName, className),
+		children
+	});
 };
 //#endregion
 export { CheckContent };

package/dist/components/inputs/shared/InputClear.js

@@ -3,116 +3,44 @@ import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButto
 import "../../../config/i18n.js";
 import { X } from "lucide-react";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
-var InputClear = (t0) => {
-	const $ = c(17);
-	const { onClear, className, style, show, renderStatic } = t0;
+const InputClear = ({ onClear, className, style, show, renderStatic }) => {
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation("ui");
 	const alwaysShowClear = ui.input.alwaysShowClear;
-	let clearClassName;
-	let t1;
-	if ($[0] !== alwaysShowClear || $[1] !== className || $[2] !== onClear || $[3] !== renderStatic || $[4] !== show || $[5] !== style || $[6] !== t) {
-		t1 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
-			if (renderStatic) {
-				let t2;
-				if ($[9] !== show || $[10] !== t) {
-					t2 = show ? t(_temp) : void 0;
-					$[9] = show;
-					$[10] = t;
-					$[11] = t2;
-				} else t2 = $[11];
-				let t3;
-				if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-					t3 = /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" });
-					$[12] = t3;
-				} else t3 = $[12];
-				t1 = /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-hidden": !show,
-					"aria-label": t2,
-					"data-static-clear-action": true,
-					tabIndex: -1,
-					onClick: onClear,
-					className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
-					style,
-					children: t3
-				});
-				break bb0;
-			}
-		}
-		$[0] = alwaysShowClear;
-		$[1] = className;
-		$[2] = onClear;
-		$[3] = renderStatic;
-		$[4] = show;
-		$[5] = style;
-		$[6] = t;
-		$[7] = clearClassName;
-		$[8] = t1;
-	} else {
-		clearClassName = $[7];
-		t1 = $[8];
-	}
-	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
-	let t2;
-	if ($[13] !== clearClassName || $[14] !== onClear || $[15] !== style) {
-		t2 = /* @__PURE__ */ jsx(InputClearButton, {
-			onClear,
-			className: clearClassName,
-			style
-		});
-		$[13] = clearClassName;
-		$[14] = onClear;
-		$[15] = style;
-		$[16] = t2;
-	} else t2 = $[16];
-	return t2;
+	const clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
+	if (renderStatic) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-hidden": !show,
+		"aria-label": show ? t(($) => $.ui.clearAlt) : void 0,
+		"data-static-clear-action": true,
+		tabIndex: -1,
+		onClick: onClear,
+		className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
+		style,
+		children: /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" })
+	});
+	return /* @__PURE__ */ jsx(InputClearButton, {
+		onClear,
+		className: clearClassName,
+		style
+	});
 };
-var InputClearButton = (t0) => {
-	const $ = c(7);
-	const { onClear, className, style } = t0;
+const InputClearButton = ({ onClear, className, style }) => {
 	const { t } = useTranslation("ui");
-	let t1;
-	if ($[0] !== t) {
-		t1 = t(_temp2);
-		$[0] = t;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== className || $[3] !== onClear || $[4] !== style || $[5] !== t1) {
-		t2 = /* @__PURE__ */ jsx(InlineIconButton, {
-			color: "secondary",
-			className,
-			label: t1,
-			icon: X,
-			onPress: onClear,
-			isDisabled: false,
-			onMouseDown: _temp3,
-			excludeFromTabOrder: true,
-			style
-		});
-		$[2] = className;
-		$[3] = onClear;
-		$[4] = style;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+	return /* @__PURE__ */ jsx(InlineIconButton, {
+		color: "secondary",
+		className,
+		label: t(($) => $.ui.clearAlt),
+		icon: X,
+		onPress: onClear,
+		isDisabled: false,
+		onMouseDown: (e) => e.preventDefault(),
+		excludeFromTabOrder: true,
+		style
+	});
 };
-function _temp($) {
-	return $.ui.clearAlt;
-}
-function _temp2($) {
-	return $.ui.clearAlt;
-}
-function _temp3(e) {
-	return e.preventDefault();
-}
 //#endregion
 export { InputClear };

package/dist/components/inputs/shared/TooltipWrapper.js

@@ -1,60 +1,25 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/TooltipWrapper.tsx
-var TooltipWrapper = (props) => {
-	const $ = c(14);
+const TooltipWrapper = (props) => {
 	const tooltipWrapperTriggerCva = UIOverrides.useCva("tooltipWrapper.triggerCva", tooltipWrapperTriggerDefinition);
 	if (props.as !== "inline") return props.children;
-	const t0 = props.error || void 0;
-	const t1 = !props.error;
-	let t2;
-	if ($[0] !== props.triggerClassName || $[1] !== tooltipWrapperTriggerCva) {
-		t2 = tooltipWrapperTriggerCva({ className: props.triggerClassName });
-		$[0] = props.triggerClassName;
-		$[1] = tooltipWrapperTriggerCva;
-		$[2] = t2;
-	} else t2 = $[2];
-	const t3 = props.triggerTabIndex;
-	let t4;
-	if ($[3] !== tooltipWrapperTriggerCva) {
-		t4 = tooltipWrapperTriggerCva({});
-		$[3] = tooltipWrapperTriggerCva;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== props.children || $[6] !== t4) {
-		t5 = /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: props.error || void 0,
+		placement: "bottom",
+		color: "error",
+		hidden: !props.error,
+		isNonInteractiveTrigger: true,
+		triggerClassName: tooltipWrapperTriggerCva({ className: props.triggerClassName }),
+		triggerTabIndex: props.triggerTabIndex,
+		children: /* @__PURE__ */ jsx("div", {
 			tabIndex: -1,
-			className: t4,
+			className: tooltipWrapperTriggerCva({}),
 			children: props.children
-		});
-		$[5] = props.children;
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== props.triggerTabIndex || $[9] !== t0 || $[10] !== t1 || $[11] !== t2 || $[12] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Tooltip, {
-			text: t0,
-			placement: "bottom",
-			color: "error",
-			hidden: t1,
-			isNonInteractiveTrigger: true,
-			triggerClassName: t2,
-			triggerTabIndex: t3,
-			children: t5
-		});
-		$[8] = props.triggerTabIndex;
-		$[9] = t0;
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	return t6;
+		})
+	});
 };
 //#endregion
 export { TooltipWrapper };

package/dist/components/inputs/shared/form.binding.d.ts

@@ -1,27 +1,7 @@
-import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
-export type FieldValues = Record<string, any>;
-export type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
-export type FieldPathValue<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = DeepValue<TFieldValues, TName>;
-export type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
-interface FieldControllerProps<TFieldValues extends FieldValues> {
-    control: UIForm<TFieldValues>;
-    name: DeepKeys<TFieldValues>;
-    render: (props: {
-        field: {
-            disabled: boolean;
-            name: string;
-            onBlur: () => void;
-            onChange: (value: any) => void;
-            ref: () => void;
-            value: any;
-        };
-        fieldState: {
-            error?: {
-                message: string;
-            };
-            isDirty: boolean;
-        };
-    }) => React.ReactNode;
-}
-export declare function FieldController<TFieldValues extends FieldValues>({ control: form, name, render, }: FieldControllerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
-export {};
+import { DeepKeys, UIForm } from "../../../hooks/useForm.js";
+//#region src/components/inputs/shared/form.binding.d.ts
+type FieldValues = Record<string, any>;
+type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
+type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
+//#endregion
+export { FieldPath, FieldValues, FormInstance };