Full cleanup pass

app/components/controls/TextInput/TextInput.container.tsx

@@ -2,6 +2,7 @@
 
 import { memo, forwardRef, useState, useRef } from "react";
 import { useComponentId, useFormField } from "../../../hooks";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import { TextInputView } from "./TextInput.view";
 import type { TextInputProps } from "./TextInput.types";
 
@@ -34,6 +35,7 @@ const TextInputContainer = forwardRef<HTMLInputElement, TextInputProps>(
     },
     ref,
   ) => {
+    const t = useTranslation("controlsChrome");
     const externalState = externalStateProp;
     const inputSize = inputSizeProp;
 
@@ -244,6 +246,8 @@ const TextInputContainer = forwardRef<HTMLInputElement, TextInputProps>(
         textHint={textHint}
         formHeader={formHeader}
         maxLength={maxLength}
+        helpIconAlt={t("helpIconAlt")}
+        hintDefault={t("hintDefault")}
         {...props}
       />
     );

app/components/controls/TextInput/TextInput.types.ts

@@ -65,4 +65,6 @@ export interface TextInputViewProps {
   textHint?: boolean | string;
   formHeader?: boolean;
   maxLength?: number;
+  helpIconAlt: string;
+  hintDefault: string;
 }

app/components/controls/TextInput/TextInput.view.tsx

@@ -29,6 +29,8 @@ export const TextInputView = forwardRef<HTMLInputElement, TextInputViewProps>(
       textHint = false,
       formHeader = true,
       maxLength,
+      helpIconAlt,
+      hintDefault,
     },
     ref,
   ) => {
@@ -49,7 +51,7 @@ export const TextInputView = forwardRef<HTMLInputElement, TextInputViewProps>(
                   {/* eslint-disable-next-line @next/next/no-img-element -- icon asset */}
                   <img
                     src={getAssetPath(ASSETS.ICON_HELP)}
-                    alt="Help"
+                    alt={helpIconAlt}
                     className="block max-w-none size-full"
                   />
                 </div>
@@ -83,7 +85,7 @@ export const TextInputView = forwardRef<HTMLInputElement, TextInputViewProps>(
         {textHint && (
           <div className="flex items-start relative shrink-0 w-full">
             <p className="flex-[1_0_0] font-inter font-normal leading-[16px] min-h-px min-w-px relative text-[color:var(--color-content-default-tertiary,#b4b4b4)] text-[length:var(--sizing-300,12px)]">
-              {typeof textHint === "string" ? textHint : "Hint text here"}
+              {typeof textHint === "string" ? textHint : hintDefault}
             </p>
           </div>
         )}