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

package/dist/FileUpload.bound-DqqPejvc.js

@@ -0,0 +1,30 @@
+import { n as FileUploadBase } from "./FileUpload-G7tdtNKN.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/File/FileUpload.bound.tsx
+const FileUploadComponent = (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 } }) => /* @__PURE__ */ jsx(FileUploadBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			onBlur: field.onBlur,
+			boundValue: field.value ?? null,
+			onChange: ((value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			}),
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const FileUpload = memo(FileUploadComponent);
+//#endregion
+export { FileUpload as t };

package/dist/FileUpload.bound-i5zfLhoY.d.ts

@@ -0,0 +1,16 @@
+import { n as FileUploadBaseProps } from "./fileUpload.types-DKICER1J.js";
+import "./FileUpload--AQJW3vz.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/File/FileUpload.bound.d.ts
+type UploadBindingProps<TProps extends FileUploadBaseProps = FileUploadBaseProps> = TProps extends unknown ? Omit<TProps, "value" | "defaultValue" | "defaultState"> & {
+  value?: TProps extends {
+    allowsMultiple: true;
+  } | {
+    multiple: true;
+  } ? File[] : File | null;
+} : never;
+type FileUploadProps<TFieldValues extends FieldValues = FieldValues> = FormControlProps<UploadBindingProps, TFieldValues>;
+declare const FileUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react").JSX.Element;
+declare const FileUpload: typeof FileUploadComponent;
+//#endregion
+export { FileUploadProps as n, FileUpload as t };

package/dist/{FileUploadContainer-042ztsaL.d.ts → FileUploadContainer-D1eYflb2.d.ts}

@@ -1,4 +1,4 @@
-import { i as FileUploadContainerProps } from "./fileUpload.types-n5FxK_F-.js";
+import { i as FileUploadContainerProps } from "./fileUpload.types-DKICER1J.js";
 //#region src/components/inputs/File/FileUploadContainer.d.ts
 declare const FileUploadContainer: import("react").MemoExoticComponent<(props: FileUploadContainerProps) => import("react").JSX.Element>;
 //#endregion

package/dist/{Form-DlQcyN1f.js → Form-CqF1SaVw.js}

@@ -1,10 +1,10 @@
 import { createContext } from "react";
 import "react-aria/filterDOMProps";
 import "react-stately/private/form/useFormValidationState";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/FieldError.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/FieldError.mjs
 const $1f3c3b1a70cec653$export$ff05c3ac10437e03 = /*#__PURE__*/ createContext(null);
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Form.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Form.mjs
 const $cdaed739b1139372$export$c24727297075ec6a = /*#__PURE__*/ createContext(null);
 //#endregion
 export { $1f3c3b1a70cec653$export$ff05c3ac10437e03 as n, $cdaed739b1139372$export$c24727297075ec6a as t };

package/dist/{FormField-Byiehm9y.d.ts → FormField-BsR2Cjxm.d.ts}

@@ -1,5 +1,5 @@
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
 import { FocusEventHandler, LabelHTMLAttributes, MouseEventHandler, PropsWithChildren, ReactNode, Ref } from "react";
 import { DOMAttributes } from "@react-types/shared";
 //#region src/components/inputs/FormField/FormFieldHeader.d.ts
@@ -7,6 +7,7 @@ interface FormFieldHeaderProps {
   label: string;
   tooltipText?: string;
   helperText?: string;
+  helperTextId?: string;
   isRequired?: boolean;
   rightContent?: ReactNode;
   isHeaderHidden?: boolean;
@@ -31,7 +32,8 @@ interface FormFieldComponentProps extends PropsWithChildren<FormFieldProps> {
   tabIndex?: number;
   onMouseEnter?: MouseEventHandler<HTMLDivElement>;
   onFocusCapture?: FocusEventHandler<HTMLDivElement>;
+  onBlurCapture?: FocusEventHandler<HTMLDivElement>;
 }
-declare const FormField: ({ ref, as, label, tooltipText, helperText, helperTextId, isRequired, rightContent, isDisabled, error, errorMessageId, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture }: FormFieldComponentProps) => import("react").JSX.Element;
+declare const FormField: ({ ref, as, label, tooltipText, helperText, helperTextId, isRequired, rightContent, isDisabled, error, errorMessageId, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture, onBlurCapture }: FormFieldComponentProps) => import("react").JSX.Element;
 //#endregion
 export { FormFieldProps as n, FormFieldHeaderProps as r, FormField as t };

package/dist/FormField-DyqEbqx3.js

@@ -0,0 +1,119 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as $43a3b93638fe5db9$export$b04be29aa201d4f5 } from "./Label-BGvF9vWx.js";
+import { t as typographyDefinition } from "./typography.cva-CXolEQdT.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as FormFieldError } from "./FormFieldError-BaVgIKrv.js";
+import { i as formFieldHeaderDefinition, n as labelDefinition, r as labelTypography, t as formFieldHelperDefinition } from "./formFieldHelper.cva-5YaiUEcL.js";
+import { Suspense, lazy } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/inputs/FormField/FormFieldLabel.tsx
+const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, className }) => {
+	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
+	const labelTypographyMap = UIOverrides.useMapper("label.typography", labelTypography);
+	const labelBaseCva = UIOverrides.useCva("label.cva", labelDefinition);
+	return /* @__PURE__ */ jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, {
+		...labelProps,
+		ref,
+		className: clsx(typographyCva({
+			size: "body",
+			sizeMobile: "body",
+			className: "font-medium leading-none",
+			...labelTypographyMap({ as })
+		}), labelBaseCva({ as }), className, labelProps?.className),
+		children: [label, isRequired && /* @__PURE__ */ jsx("span", {
+			className: clsx("-ml-1", !isDisabled && "text-destructive"),
+			children: "*"
+		})]
+	});
+};
+//#endregion
+//#region src/components/inputs/FormField/FormFieldHeader.tsx
+const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-Bxc4f9i4.js"));
+const FormFieldHeader = ({ label, tooltipText, helperText, helperTextId, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
+	const formFieldHeaderCva = UIOverrides.useCva("formField.headerCva", formFieldHeaderDefinition);
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(formFieldHeaderCva({ visible: !isHeaderHidden }), className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ jsx(FormFieldLabel, {
+					label,
+					isRequired,
+					isDisabled,
+					labelProps
+				}), tooltipText ? /* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx("span", {
+						className: "size-4",
+						"data-form-field-tooltip-loading": ""
+					}),
+					children: /* @__PURE__ */ jsx(FormFieldHeaderTooltip, {
+						text: tooltipText,
+						isDisabled
+					})
+				}) : null]
+			}), rightContent]
+		}), helperText && /* @__PURE__ */ jsx(Typography, {
+			id: helperTextId,
+			slot: "description",
+			size: "body",
+			className: "mt-2 text-muted-foreground",
+			children: helperText
+		})]
+	});
+};
+//#endregion
+//#region src/components/inputs/FormField/FormFieldHelper.tsx
+const FormFieldHelper = ({ id, helperText, isDisabled, isHidden, hasError, className }) => {
+	const formFieldHelperCva = UIOverrides.useCva("formField.helperLabelCva", formFieldHelperDefinition);
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		className: clsx(formFieldHelperCva({ visible: !!helperText && !isDisabled && !isHidden && !hasError }), className),
+		slot: "description",
+		children: helperText
+	});
+};
+//#endregion
+//#region src/components/inputs/FormField/FormField.tsx
+const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRequired, rightContent, isDisabled, error, errorMessageId, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture, onBlurCapture }) => {
+	const headerProps = {
+		label,
+		tooltipText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const helperProps = {
+		id: helperTextId,
+		helperText,
+		isDisabled,
+		isHidden: as === "inline",
+		hasError: !!error
+	};
+	const errorProps = {
+		id: errorMessageId,
+		error,
+		isDisabled,
+		className: errorClassName
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className,
+		tabIndex,
+		onMouseEnter,
+		onFocusCapture,
+		onBlurCapture,
+		children: [
+			!["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps }),
+			children,
+			/* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps }),
+			/* @__PURE__ */ jsx(FormFieldError, { ...errorProps })
+		]
+	});
+};
+//#endregion
+export { FormFieldLabel as n, FormField as t };

package/dist/{FormFieldError-DeOHHLo2.js → FormFieldError-BaVgIKrv.js}

@@ -1,18 +1,7 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as formFieldErrorDefinition } from "./formFieldError.cva-Cc-dELdU.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/FormField/formFieldError.cva.ts
-const formFieldErrorDefinition = UIOverrides.defineConfig({
-	base: ["text-small text-surface-destructive-base"],
-	config: {
-		variants: { visible: {
-			true: "mt-1.5",
-			false: "sr-only"
-		} },
-		defaultVariants: { visible: false }
-	}
-});
-//#endregion
 //#region src/components/inputs/FormField/FormFieldError.tsx
 const FormFieldError = ({ id, error, isDisabled, isHidden, className }) => {
 	const formFieldErrorCva = UIOverrides.useCva("formField.errorLabelCva", formFieldErrorDefinition);
@@ -23,4 +12,4 @@ const FormFieldError = ({ id, error, isDisabled, isHidden, className }) => {
 	});
 };
 //#endregion
-export { formFieldErrorDefinition as n, FormFieldError as t };
+export { FormFieldError as t };

package/dist/FormFieldHeaderTooltip-Bxc4f9i4.js

@@ -0,0 +1,47 @@
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+import { t as Tooltip } from "./Tooltip-CqbyoJhl.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { t as $a3be900807531178$re_export$Focusable } from "./exports-BNrTn8Tj.js";
+import { jsx } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/info.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData = {
+	name: "info",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			key: "1mglay"
+		}],
+		["path", {
+			d: "M12 16v-4",
+			key: "1dtifu"
+		}],
+		["path", {
+			d: "M12 8h.01",
+			key: "e9boi3"
+		}]
+	]
+};
+__iconData.node;
+const Info = createLucideIcon(__iconData);
+//#endregion
+//#region src/components/inputs/FormField/FormFieldHeaderTooltip.tsx
+const FormFieldHeaderTooltip = ({ text, isDisabled }) => /* @__PURE__ */ jsx(Tooltip, {
+	text,
+	children: /* @__PURE__ */ jsx($a3be900807531178$re_export$Focusable, { children: /* @__PURE__ */ jsx(IconSlot, {
+		icon: Info,
+		className: clsx(isDisabled ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground"),
+		tabIndex: 0
+	}) })
+});
+//#endregion
+export { FormFieldHeaderTooltip as default };

package/dist/{Heading-nI1_VOaE.js → Heading-D4XFYv__.js}

@@ -1,6 +1,6 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
 import $ahdqC$react, { createContext, forwardRef } from "react";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Heading.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Heading.mjs
 const $2ec61d1d4f780267$export$d688439359537581 = /*#__PURE__*/ createContext({});
 const $2ec61d1d4f780267$export$a8a3e93435678ff9 = /*#__PURE__*/ forwardRef(function Heading(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $2ec61d1d4f780267$export$d688439359537581);

package/dist/IconButton-DdvODpP7.d.ts

@@ -0,0 +1,25 @@
+import { n as ButtonProps } from "./Button-BL5ils-5.js";
+//#region src/components/buttons/IconButton/IconButton.d.ts
+type IconButtonName = {
+  label: string;
+  ariaLabel?: string;
+} | {
+  label?: string;
+  ariaLabel: string;
+} | {
+  label?: string;
+  ariaLabel?: string;
+  "aria-label": string;
+} | {
+  label?: string;
+  ariaLabel?: string;
+  "aria-labelledby": string;
+};
+/** An icon-only action with a required accessible name. */
+type IconButtonProps = Omit<ButtonProps, "children" | "icon" | "iconOnly"> & Required<Pick<ButtonProps, "icon">> & IconButtonName & {
+  disableTooltip?: boolean;
+  iconOnly?: never;
+};
+declare const IconButton: ({ label, ariaLabel, disableTooltip, ...props }: IconButtonProps) => import("react").JSX.Element;
+//#endregion
+export { IconButtonProps as n, IconButton as t };

package/dist/{IconSlot-DSK7qNxc.js → IconSlot-Cuvpj1gd.js}

@@ -4,10 +4,10 @@ import { cloneElement, isValidElement } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/shared/IconSlot/iconSlot.cva.ts
-const iconSlotDefinition = UIOverrides.defineConfig({ base: ["inline-flex size-icons-size shrink-0 items-center justify-center", "[&>svg]:size-[calc(var(--icons-scale,0.8)*100%)] [&>svg]:shrink-0"] });
+const iconSlotDefinition = UIOverrides.defineConfig({ base: ["inline-flex size-4 shrink-0 items-center justify-center", "[&>svg]:size-[calc(var(--icons-scale,1)*100%)] [&>svg]:shrink-0"] });
 //#endregion
 //#region src/components/shared/IconSlot/IconSlot.tsx
-/** Reserves the Figma icons-size token and centers a smaller SVG inside it. */
+/** Reserves a size-4 slot and centers the SVG inside it. */
 const IconSlot = (t0) => {
 	const $ = c(17);
 	const { icon, scale, iconClassName, className, style, ...props } = t0;

package/dist/{InlineTooltipWrapper-BpApaGXV.js → InlineTooltipWrapper-HDHIaQtS.js}

@@ -1,5 +1,5 @@
+import { t as Tooltip } from "./Tooltip-CqbyoJhl.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as Tooltip } from "./Tooltip-CpG1nz7Y.js";
 import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-BBQ4ic3D.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/InlineTooltipWrapper.tsx

package/dist/{Input-BsbLZDtC.js → Input-BG0Xjw5X.js}

@@ -1,10 +1,10 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
 import $ahdqC$react, { createContext } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { useFocusRing } from "react-aria/useFocusRing";
 import { useHover } from "react-aria/useHover";
 import { createHideableComponent } from "react-aria/private/collections/Hidden";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Input.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Input.mjs
 const $41fb335299a4a39e$export$37fb8590cf2c088c = /*#__PURE__*/ createContext({});
 let $41fb335299a4a39e$var$filterHoverProps = (props) => {
 	let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;

package/dist/Input-BdCci6BF.js

@@ -0,0 +1,229 @@
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BG0Xjw5X.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
+import { t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { InputFrame } from "./components/input-frame.js";
+import { t as InputContent } from "./InputContent-Ca4oVqIe.js";
+import { memo, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useFocusVisible } from "@react-aria/interactions";
+import { useTextField } from "@react-aria/textfield";
+//#region src/components/inputs/Input/Input.tsx
+const InputBase = (props) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputRef = useRef(null);
+	const { ref, inputClassName, label, tooltipText, helperText, isRequired, required, rightContent, isDisabled, disabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, errorMessage, className, unit, isLoading, action, leadingIcon, trailingIcon, value, onChange, onBlur, as: asProp, layout: layoutProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, autoFocusOnMount, ...rest } = props;
+	const as = layoutProp ?? asProp ?? ui.input.as;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const resolvedIsRequired = isRequired ?? required;
+	const resolvedError = errorMessage ?? error;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const variant = variantProp ?? ui.input.variant;
+	const size = sizeProp ?? ui.input.size;
+	const isClearable = isClearableProp ?? ui.input.isClearable;
+	const { isFocusVisible } = useFocusVisible();
+	const inputValue = value ?? "";
+	const textFieldRef = useRef(null);
+	const textFieldProps = {
+		...rest,
+		label,
+		isDisabled: resolvedIsDisabled,
+		isInvalid: !!resolvedError,
+		isRequired: resolvedIsRequired,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const { labelProps, inputProps } = useTextField(textFieldProps, textFieldRef);
+	const { describedBy, errorMessageId, helperTextId } = useFieldAccessibility({
+		describedBy: inputProps["aria-describedby"],
+		error: resolvedError,
+		helperText
+	});
+	useEffect(() => {
+		if (!autoFocusOnMount || resolvedIsDisabled) return;
+		requestAnimationFrame(() => inputRef.current?.focus());
+	}, [autoFocusOnMount, resolvedIsDisabled]);
+	const formFieldProps = {
+		errorMessageId,
+		error: resolvedError,
+		label,
+		tooltipText,
+		helperText,
+		helperTextId,
+		isRequired: resolvedIsRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled: resolvedIsDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const inputContentProps = {
+		unit,
+		isLoading,
+		isDisabled: resolvedIsDisabled,
+		action,
+		leadingIcon,
+		trailingIcon,
+		isClearable,
+		isClearableIfDisabled,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired: resolvedIsRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled: resolvedIsDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const dataIsDisabled = resolvedIsDisabled || void 0;
+	return /* @__PURE__ */ jsx(TooltipWrapper, {
+		as,
+		error: resolvedError,
+		triggerTabIndex: as === "inline" ? -1 : void 0,
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("group w-full", as === "inline" && "h-full", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+			"data-is-required": resolvedIsRequired || void 0,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("relative flex cursor-text", inputBaseCva({
+					variant,
+					as,
+					...rest
+				}), inputClassName),
+				onClick: () => inputRef.current?.focus(),
+				"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+				"data-is-required": resolvedIsRequired || void 0,
+				"data-is-disabled": dataIsDisabled,
+				children: /* @__PURE__ */ jsx(InputContent, {
+					...inputContentProps,
+					headerProps,
+					as,
+					size,
+					children: /* @__PURE__ */ jsx($41fb335299a4a39e$export$f5b8910cec6cf069, {
+						...inputProps,
+						"aria-describedby": describedBy,
+						"aria-errormessage": errorMessageId,
+						ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, inputRef),
+						"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+						"data-is-filled": !(value === "" || value === null || value === void 0) || void 0,
+						"data-is-dirty": isDirty || void 0,
+						"data-is-required": resolvedIsRequired || void 0,
+						"data-is-disabled": dataIsDisabled,
+						placeholder: as === "floating" ? "\xA0" : inputProps.placeholder,
+						className: "min-w-0 w-full bg-transparent outline-none",
+						onFocus: (e) => {
+							inputProps.onFocus?.(e);
+							if (isFocusVisible) e.target.select();
+						}
+					})
+				})
+			})
+		})
+	});
+};
+const InputInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
+	const inputRef = useRef(null);
+	const { renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
+		inputRef,
+		renderInput,
+		setRenderInput,
+		getPressTarget: (input) => {
+			let element = input;
+			for (let depth = 0; element && depth < 6; depth += 1) {
+				const action = element.querySelector("[data-static-press-action]");
+				if (action) return action;
+				element = element.parentElement;
+			}
+			return null;
+		}
+	});
+	if (!renderInput) {
+		const staticValue = props.value ?? props.defaultValue ?? "";
+		const inputType = props.type;
+		const as = props.as ?? ui.input.as;
+		let isDisabled = !!props.isDisabled;
+		if (isFormControlDisabled) isDisabled = true;
+		const maskedPasswordValue = inputType === "password" && `${staticValue}`.length > 0 ? "•".repeat(`${staticValue}`.length) : staticValue;
+		const displayValue = maskedPasswordValue == null ? "" : `${maskedPasswordValue}`;
+		const hasValue = displayValue !== "";
+		const dataAttributes = {
+			dataIsEmpty: !hasValue,
+			dataIsFilled: hasValue,
+			dataIsDirty: props.isDirty,
+			dataIsRequired: props.isRequired,
+			dataIsDisabled: isDisabled,
+			dataDisabled: isDisabled,
+			dataInvalid: !!(props.errorMessage ?? props.error),
+			dataHasSelection: hasValue
+		};
+		return /* @__PURE__ */ jsx(InputFrame, {
+			...props,
+			error: props.errorMessage ?? props.error,
+			isDisabled,
+			className: clsx("group w-full", as === "inline" && "h-full", props.className),
+			dataAttributes,
+			onStaticInteract: renderRealInput,
+			onStaticPress: props.action ? replayStaticInputPress : void 0,
+			staticPressTarget: "action",
+			inputClassName: props.inputClassName,
+			contentClassName: clsx(as === "inline" && "h-full", "pr-0!"),
+			trailingClassName: "py-0! pl-0!",
+			wrapContentAndTrailing: true,
+			reserveTrailingContent: true,
+			children: (dataAttributeProps) => /* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				type: inputType === "hidden" ? "password" : inputType,
+				disabled: isDisabled,
+				tabIndex: -1,
+				value: displayValue,
+				placeholder: as === "floating" ? "" : props.placeholder,
+				className: "min-w-0 w-full bg-transparent outline-none",
+				onChange: (event) => replayStaticInputChange(event.target.value),
+				...dataAttributeProps,
+				"data-rac": true
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(InputBase, {
+		...props,
+		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, inputRef)
+	});
+};
+/** @internal Exported for production render benchmarks. */
+const InputComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+	return /* @__PURE__ */ jsx(InputInner, {
+		...props,
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
+	});
+};
+const Input = memo(InputComponent);
+//#endregion
+export { InputComponent as n, InputInner as r, Input as t };

package/dist/{Input-DOanwj3l.d.ts → Input-Bu4G9gcn.d.ts}

@@ -1,8 +1,6 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
-import { t as InputContentProps } from "./InputContent-CXuP1ghQ.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { t as InputContentProps } from "./InputContent-BGTEvv6a.js";
 import { Ref } from "react";
 import { InputProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";
@@ -20,11 +18,17 @@ interface InputBaseProps extends FormFieldProps, InputVariantProps, Omit<InputCo
   errorMessage?: string;
 }
 interface InputProps$1 extends InputBaseProps {
+  field?: never;
   renderStaticInput?: boolean;
 }
-type ControlledInputProps<TFieldValues extends Record<string, unknown>> = ControlProps<InputProps$1, TFieldValues>;
+type InputInnerProps = InputProps$1 & {
+  isFormControlDisabled?: boolean;
+};
+declare const InputInner: ({ renderStaticInput, isFormControlDisabled, ...props }: InputInnerProps) => import("react").JSX.Element;
 /** @internal Exported for production render benchmarks. */
-declare const InputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledInputProps<TFieldValues>) => import("react").JSX.Element;
-declare const Input: typeof InputComponent;
+declare const InputComponent: ({ defaultValue, value, onChange, ...props }: InputProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const Input: import("react").MemoExoticComponent<typeof InputComponent>;
 //#endregion
-export { InputProps$1 as i, Input as n, InputComponent as r, ControlledInputProps as t };
+export { InputProps$1 as i, InputComponent as n, InputInner as r, Input as t };

package/dist/Input.bound-CnqI-L-b.js

@@ -0,0 +1,31 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { r as InputInner } from "./Input-BdCci6BF.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/Input.bound.tsx
+const InputComponent = ({ renderStaticInput, ...props }) => {
+	"use no memo";
+	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(InputInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value,
+			onChange: field.onChange,
+			onBlur: field.onBlur,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: field.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const Input = memo(InputComponent);
+//#endregion
+export { InputComponent as n, Input as t };