Full cleanup pass

app/components/type/ContentLockup/ContentLockup.container.tsx

@@ -1,5 +1,9 @@
 "use client";
 
+/**
+ * Figma: "Type / ContentLockup" (see registry)
+ */
+
 import { memo } from "react";
 import ContentLockupView from "./ContentLockup.view";
 import type { ContentLockupProps, VariantStyle } from "./ContentLockup.types";

app/components/type/ContentLockup/ContentLockup.view.tsx

@@ -2,7 +2,7 @@
 
 import { memo } from "react";
 import Button from "../../buttons/Button";
-import { getAssetPath } from "../../../../lib/assetUtils";
+import { contentLockupShapePath, getAssetPath } from "../../../../lib/assetUtils";
 import type { ContentLockupViewProps } from "./ContentLockup.types";
 
 function ContentLockupView({
@@ -75,7 +75,7 @@ function ContentLockupView({
                 <>
                   {/* eslint-disable-next-line @next/next/no-img-element -- decorative shape SVG */}
                   <img
-                    src={getAssetPath("assets/shapes/shapes-1.svg")}
+                    src={getAssetPath(contentLockupShapePath())}
                     alt=""
                     className={styles.shape}
                     role="presentation"

app/components/type/HeaderLockup/HeaderLockup.container.tsx

@@ -1,5 +1,9 @@
 "use client";
 
+/**
+ * Figma: "Type / HeaderLockup" (see registry)
+ */
+
 import { memo } from "react";
 import HeaderLockupView from "./HeaderLockup.view";
 import type { HeaderLockupProps } from "./HeaderLockup.types";

app/components/type/InputLabel/InputLabel.container.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { memo } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import InputLabelView from "./InputLabel.view";
 import type { InputLabelProps } from "./InputLabel.types";
 
@@ -19,6 +20,7 @@ const InputLabelContainer = memo<InputLabelProps>(
     palette: paletteProp = "default",
     className = "",
   }) => {
+    const t = useTranslation("controlsChrome");
     const size = sizeProp;
     const palette = paletteProp;
 
@@ -31,6 +33,8 @@ const InputLabelContainer = memo<InputLabelProps>(
         size={size}
         palette={palette}
         className={className}
+        helpIconAlt={t("helpIconAlt")}
+        helperTextDefault={t("inputLabelOptional")}
       />
     );
   },

app/components/type/InputLabel/InputLabel.types.ts

@@ -39,4 +39,6 @@ export interface InputLabelViewProps {
   size: "s" | "m";
   palette: "default" | "inverse";
   className: string;
+  helpIconAlt: string;
+  helperTextDefault: string;
 }

app/components/type/InputLabel/InputLabel.view.tsx

@@ -12,6 +12,8 @@ function InputLabelView({
   size,
   palette,
   className = "",
+  helpIconAlt,
+  helperTextDefault,
 }: InputLabelViewProps) {
   const isSmall = size === "s";
   const isInverse = palette === "inverse";
@@ -79,7 +81,7 @@ function InputLabelView({
             {/* eslint-disable-next-line @next/next/no-img-element -- icon from asset path */}
             <img
               src={getAssetPath(ASSETS.ICON_HELP)}
-              alt="Help"
+              alt={helpIconAlt}
               className="block max-w-none size-full"
               style={
                 helpIconFilter
@@ -96,7 +98,7 @@ function InputLabelView({
         <p
           className={`flex-[1_0_0] font-inter font-normal ${helperTextSize} min-h-px min-w-px relative ${helperTextColor} text-right`}
         >
-          {typeof helperText === "string" ? helperText : "Optional text"}
+          {typeof helperText === "string" ? helperText : helperTextDefault}
         </p>
       )}
     </div>

app/components/type/NumberedList/NumberedList.container.tsx

@@ -1,5 +1,9 @@
 "use client";
 
+/**
+ * Figma: "Type / Numbered List" (see registry)
+ */
+
 import { memo } from "react";
 import NumberedListView from "./NumberedList.view";
 import type { NumberedListProps } from "./NumberedList.types";

app/components/type/TripleStep/TripleStep.view.tsx

@@ -2,7 +2,7 @@
 
 import Image from "next/image";
 import { memo } from "react";
-import { getAssetPath } from "../../../../lib/assetUtils";
+import { getAssetPath, tripleStepShapePath } from "../../../../lib/assetUtils";
 import AssetIcon from "../../asset/icon";
 import Button from "../../buttons/Button";
 import type { TripleStepViewProps } from "./TripleStep.types";
@@ -22,7 +22,7 @@ function TripleStepView({
   className = "",
 }: TripleStepViewProps) {
   /** Decorative column art — `public/assets/shapes/triple-step.svg` (288×576 viewBox). */
-  const shapeSrc = getAssetPath("assets/shapes/triple-step.svg");
+  const shapeSrc = getAssetPath(tripleStepShapePath());
 
   return (
     <section