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

package/dist/FileUpload.bound-C-Zy1n5Y.d.ts

@@ -0,0 +1,16 @@
+import { n as FileUploadBaseProps } from "./fileUpload.types-BT8P1o7a.js";
+import "./FileUpload-B4ibHWQn.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/FileUpload.bound-DQ6uuH2W.js

@@ -0,0 +1,30 @@
+import { n as FileUploadBase } from "./FileUpload-CG60c6wM.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/{FileUploadContainer-042ztsaL.d.ts → FileUploadContainer-CtUhDntB.d.ts}

@@ -1,4 +1,4 @@
-import { i as FileUploadContainerProps } from "./fileUpload.types-n5FxK_F-.js";
+import { i as FileUploadContainerProps } from "./fileUpload.types-BT8P1o7a.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-BIRMlgu4.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-L7jKDv6q.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-AY25LzbW.js → FormField-D7KKJ6kG.js}

@@ -1,10 +1,10 @@
 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-B2-B-uFY.js";
+import { n as $43a3b93638fe5db9$export$b04be29aa201d4f5 } from "./Label-BGvF9vWx.js";
 import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { t as FormFieldError } from "./FormFieldError-BVAO5p7H.js";
-import { i as formFieldHeaderDefinition, n as labelDefinition, r as labelTypography, t as formFieldHelperDefinition } from "./formFieldHelper.cva-B8F9LmsE.js";
+import { t as FormFieldError } from "./FormFieldError-Bqjg9cMb.js";
+import { i as formFieldHeaderDefinition, n as labelDefinition, r as labelTypography, t as formFieldHelperDefinition } from "./formFieldHelper.cva-CxAmrG2H.js";
 import { Suspense, lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldLabel.tsx
@@ -22,15 +22,15 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 			...labelTypographyMap({ as })
 		}), labelBaseCva({ as }), className, labelProps?.className),
 		children: [label, isRequired && /* @__PURE__ */ jsx("span", {
-			className: clsx(!isDisabled && "text-surface-destructive-base"),
+			className: clsx(!isDisabled && "text-status-destructive-accent"),
 			children: "*"
 		})]
 	});
 };
 //#endregion
 //#region src/components/inputs/FormField/FormFieldHeader.tsx
-const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-BV2Ju4oB.js"));
-const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
+const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-k8Snf_oM.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),
@@ -55,9 +55,10 @@ const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightCont
 				}) : null]
 			}), rightContent]
 		}), helperText && /* @__PURE__ */ jsx(Typography, {
+			id: helperTextId,
 			slot: "description",
 			size: "small",
-			className: "text-surface-default-foreground",
+			className: "text-content-secondary",
 			children: helperText
 		})]
 	});
@@ -75,11 +76,12 @@ const FormFieldHelper = ({ id, helperText, isDisabled, isHidden, hasError, class
 };
 //#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 }) => {
+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,
 		helperText,
+		helperTextId,
 		isRequired,
 		rightContent,
 		isHeaderHidden: hideLabel || isHeaderHidden,
@@ -98,7 +100,6 @@ const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRe
 		id: errorMessageId,
 		error,
 		isDisabled,
-		isHidden: ["filter", "inline"].includes(as ?? ""),
 		className: errorClassName
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -107,10 +108,11 @@ const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRe
 		tabIndex,
 		onMouseEnter,
 		onFocusCapture,
+		onBlurCapture,
 		children: [
 			!["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps }),
 			children,
-			/* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps }),
+			["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps }),
 			/* @__PURE__ */ jsx(FormFieldError, { ...errorProps })
 		]
 	});

package/dist/{FormFieldError-BVAO5p7H.js → FormFieldError-Bqjg9cMb.js}

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as formFieldErrorDefinition } from "./formFieldError.cva-CsXaQRHX.js";
+import { t as formFieldErrorDefinition } from "./formFieldError.cva-CTl0VeyG.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldError.tsx
 const FormFieldError = ({ id, error, isDisabled, isHidden, className }) => {

package/dist/FormFieldHeaderTooltip-k8Snf_oM.js

@@ -0,0 +1,47 @@
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+import { t as Tooltip } from "./Tooltip-CMigoyri.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.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-state-content-muted/disabled" : "text-content-muted hover:text-state-content-muted/hover"),
+		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-BM2DUNtN.d.ts

@@ -0,0 +1,25 @@
+import { n as ButtonProps } from "./Button-f7FPTaiN.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/{InlineTooltipWrapper-BpApaGXV.js → InlineTooltipWrapper-DBuQX2yo.js}

@@ -1,5 +1,5 @@
+import { t as Tooltip } from "./Tooltip-CMigoyri.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-DOanwj3l.d.ts → Input-BX3sZBEp.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-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { t as InputContentProps } from "./InputContent-DDFr0kml.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-CG4Irgae.js

@@ -0,0 +1,229 @@
+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 { 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-D7KKJ6kG.js";
+import { t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
+import { t as InputContent } from "./InputContent-KhD4_YvO.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 has-disabled:cursor-default", 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.bound-BE-espm0.d.ts

@@ -0,0 +1,9 @@
+import { i as InputProps$1 } from "./Input-BX3sZBEp.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Input/Input.bound.d.ts
+type ControlledInputProps<TFieldValues extends Record<string, unknown>> = FormControlProps<InputProps$1, TFieldValues>;
+type InputProps<TFieldValues extends FieldValues = FieldValues> = ControlledInputProps<TFieldValues>;
+declare const InputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledInputProps<TFieldValues>) => import("react").JSX.Element;
+declare const Input: typeof InputComponent;
+//#endregion
+export { InputProps as i, Input as n, InputComponent as r, ControlledInputProps as t };

package/dist/Input.bound-jZx8gJro.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-CG4Irgae.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 };

package/dist/{InputContent-CXuP1ghQ.d.ts → InputContent-DDFr0kml.d.ts}

@@ -1,6 +1,6 @@
-import { n as InlineIconButtonProps } from "./InlineIconButton-BeJCjl-q.js";
-import { r as FormFieldHeaderProps } from "./FormField-Byiehm9y.js";
-import "./input.cva-BsHgYa-L.js";
+import { n as IconButtonProps } from "./IconButton-BM2DUNtN.js";
+import { r as FormFieldHeaderProps } from "./FormField-BIRMlgu4.js";
+import "./input.cva-L7jKDv6q.js";
 import { FC, FocusEvent, ReactElement, ReactNode, SVGProps } from "react";
 //#region src/components/inputs/Input/shared/InputContent.d.ts
 interface InputContentProps {
@@ -9,7 +9,7 @@ interface InputContentProps {
   isLoading?: boolean;
   isDisabled?: boolean;
   action?: {
-    icon: InlineIconButtonProps["icon"];
+    icon: IconButtonProps["icon"];
     onClick: () => void;
     altText: string;
     className?: string;