/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
"use client";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("../../../_virtual/_rolldown/runtime.cjs");
const require_styles_styler = require("../../../styles/styler.cjs");
const require_components_IconSlot = require("../../IconSlot.cjs");
const require_components_HStack = require("../../HStack.cjs");
let react = require("react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/components/client/Input/InputHelpTextInternal.tsx
const InputHelpTextInternal = (0, react.forwardRef)(function InputHelpTextInternal({ startIcon, endIcon, iconProps, children, size, isFilled, slotProps, ...rest }, ref) {
	const defaultIconProps = { variant: "outline" };
	const classNames = {
		helperText: require_styles_styler.cx(require_styles_styler.getStyles({
			inputSizeHelperText: size,
			inputVariantHelperText: "default",
			inputVariantValueHelperText: !isFilled ? "empty" : "filled"
		})),
		helperIcon: require_styles_styler.getStyles({
			inputSizeHelperIcon: size,
			inputVariantHelperIcon: "default",
			inputVariantValueHelperIcon: !isFilled ? "empty" : "filled"
		})
	};
	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
	const { className: endIconClassName, ...endIconSlotProps } = slotProps?.endIcon ?? {};
	const { className: textClassName, ...textSlotProps } = slotProps?.text ?? {};
	const props = {
		...defaultIconProps,
		...iconProps
	};
	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
		gap: "1",
		alignItems: "center",
		ref,
		...rest,
		children: [
			startIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
				icon: startIcon,
				...props,
				iconProps: {
					...iconProps,
					...startIconSlotProps
				},
				className: require_styles_styler.cx(classNames.helperIcon, startIconClassName)
			}),
			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
				className: require_styles_styler.cx(classNames.helperText, textClassName),
				...textSlotProps,
				children
			}),
			endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
				icon: endIcon,
				...props,
				iconProps: {
					...iconProps,
					...endIconSlotProps
				},
				className: require_styles_styler.cx(classNames.helperIcon, endIconClassName)
			})
		]
	});
});
InputHelpTextInternal.displayName = "InputHelpTextInternal";
const InputHelpTextInternalMemo = (0, react.memo)(InputHelpTextInternal);
//#endregion
exports.InputHelpTextInternal = InputHelpTextInternalMemo;
