@vtex/faststore 0.0.8 → 0.0.11

package/dist/matter/my-account-profile/my-account-profile.d.ts

@@ -1,9 +1,267 @@
+import { ContentTypeDefinition, ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { ComponentActions } from "../../sdk/actions/types.js";
 import { PhoneCountry } from "../../particles/phone-field/phone-field.js";
 import { ComponentPropsWithRef, ReactNode } from "react";
 //#region src/matter/my-account-profile/my-account-profile.d.ts
+export declare const MyAccountProfileRootContent: {
+  readonly id: "my-account-profile-root";
+  readonly title: "My Account Profile Root";
+  readonly description: "The toasts the profile Save raises.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly saveFailedMessage: {
+        readonly type: "string";
+        readonly title: "Save failure message";
+        readonly description: "Shown for a network failure, and when the save cannot be dispatched at all.";
+        readonly format: "icu-message";
+        readonly messageSource: "Unable to save your profile. Please try again.";
+      };
+      readonly invalidValueMessage: {
+        readonly type: "string";
+        readonly title: "Refused value message";
+        readonly description: "Shown when the account refuses one or more of the submitted values.";
+        readonly format: "icu-message";
+        readonly messageSource: "Some of your details were not accepted. Check them and try again.";
+      };
+      readonly sessionExpiredMessage: {
+        readonly type: "string";
+        readonly title: "Session expired message";
+        readonly description: "Shown when the session ended before the save, so the shopper must sign in again.";
+        readonly format: "icu-message";
+        readonly messageSource: "Your session has expired. Please sign in again.";
+      };
+      readonly savedMessage: {
+        readonly type: "string";
+        readonly title: "Save success message";
+        readonly format: "icu-message";
+        readonly messageSource: "Your profile has been saved.";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileEditButtonContent: {
+  readonly id: "my-account-profile-edit";
+  readonly title: "My Account Profile Edit Button";
+  readonly description: "The edit button's label.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Edit";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileSaveButtonContent: {
+  readonly id: "my-account-profile-save";
+  readonly title: "My Account Profile Save Button";
+  readonly description: "The save button's label.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Save";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileCancelButtonContent: {
+  readonly id: "my-account-profile-cancel";
+  readonly title: "My Account Profile Cancel Button";
+  readonly description: "The cancel button's label.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Cancel";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileFirstNameControlContent: {
+  readonly id: "my-account-profile-first-name";
+  readonly title: "My Account Profile First Name Control";
+  readonly description: "The first-name field's label and required message.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Label";
+        readonly format: "icu-message";
+        readonly messageSource: "First name";
+      };
+      readonly requiredMessage: {
+        readonly type: "string";
+        readonly title: "Required message";
+        readonly format: "icu-message";
+        readonly messageSource: "First name is required.";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileLastNameControlContent: {
+  readonly id: "my-account-profile-last-name";
+  readonly title: "My Account Profile Last Name Control";
+  readonly description: "The last-name field's label and required message.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Label";
+        readonly format: "icu-message";
+        readonly messageSource: "Last name";
+      };
+      readonly requiredMessage: {
+        readonly type: "string";
+        readonly title: "Required message";
+        readonly format: "icu-message";
+        readonly messageSource: "Last name is required.";
+      };
+    };
+  };
+};
+export declare const MyAccountProfilePhoneControlContent: {
+  readonly id: "my-account-profile-phone";
+  readonly title: "My Account Profile Phone Control";
+  readonly description: "The phone field's label and invalid message.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Label";
+        readonly format: "icu-message";
+        readonly messageSource: "Phone";
+      };
+      readonly invalidMessage: {
+        readonly type: "string";
+        readonly title: "Invalid message";
+        readonly format: "icu-message";
+        readonly messageSource: "Invalid phone number";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileTaxIdControlContent: {
+  readonly id: "my-account-profile-tax-id";
+  readonly title: "My Account Profile Tax ID Control";
+  readonly description: "The tax-ID field's label, invalid message and the reason a saved document is locked.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Label";
+        readonly format: "icu-message";
+        readonly messageSource: "National tax ID";
+      };
+      readonly invalidMessage: {
+        readonly type: "string";
+        readonly title: "Invalid message";
+        readonly format: "icu-message";
+        readonly messageSource: "Invalid document number.";
+      };
+      readonly lockedReason: {
+        readonly type: "string";
+        readonly title: "Locked reason";
+        readonly format: "icu-message";
+        readonly messageSource: "Your document ID can't be edited.";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileBirthDateControlContent: {
+  readonly id: "my-account-profile-birth-date";
+  readonly title: "My Account Profile Birth Date Control";
+  readonly description: "The birth-date field's label.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Label";
+        readonly format: "icu-message";
+        readonly messageSource: "Birth date";
+      };
+    };
+  };
+};
+export declare const MyAccountProfileGenderControlContent: {
+  readonly id: "my-account-profile-gender";
+  readonly title: "My Account Profile Gender Control";
+  readonly description: "The gender field's label, placeholder, clear button label and the default options' labels.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Label";
+        readonly format: "icu-message";
+        readonly messageSource: "Gender";
+      };
+      readonly placeholder: {
+        readonly type: "string";
+        readonly title: "Placeholder";
+        readonly format: "icu-message";
+        readonly messageSource: "Select";
+      };
+      readonly clearLabel: {
+        readonly type: "string";
+        readonly title: "Clear button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Clear";
+      };
+      readonly femaleLabel: {
+        readonly type: "string";
+        readonly title: "Female option label";
+        readonly format: "icu-message";
+        readonly messageSource: "Female";
+      };
+      readonly maleLabel: {
+        readonly type: "string";
+        readonly title: "Male option label";
+        readonly format: "icu-message";
+        readonly messageSource: "Male";
+      };
+      readonly otherLabel: {
+        readonly type: "string";
+        readonly title: "Other option label";
+        readonly format: "icu-message";
+        readonly messageSource: "Other";
+      };
+      readonly preferNotToSayLabel: {
+        readonly type: "string";
+        readonly title: "Prefer-not-to-say option label";
+        readonly format: "icu-message";
+        readonly messageSource: "Prefer not to say";
+      };
+    };
+  };
+};
 /**
  * The `$data` slice forwarded by the reactive runtime — the `customerProfile` entity itself, not the
  * `Query` shape the fragment above is authored against. The compiler derives an entity fragment `on
@@ -58,165 +316,159 @@ export type MyAccountProfileContextValue = Readonly<{
   edit: () => void;
   cancel: () => void;
 }>;
-export type MyAccountProfileRootProps = Readonly<{
+export type MyAccountProfileRootProps = Readonly<MessageLocaleProp & {
   /** Store-configured tax-ID type fallback, used when the saved `documentType` is not registered. */
   documentType?: string;
-  saveFailedMessage?: string;
-  savedMessage?: string;
+  /** The save failure and success toasts. */
+  $content?: ContentValue<typeof MyAccountProfileRootContent>;
   className?: string;
   children?: ReactNode;
   $data?: MyAccountProfileData;
   /** Compiler-injected action surface; carries `identity.customerProfileUpdate`. */
   $actions?: ComponentActions;
 }>;
-export type MyAccountProfileEditButtonProps = Readonly<{
-  label?: string;
-  className?: string;
-  children?: ReactNode;
-}>;
-export type MyAccountProfileSaveButtonProps = Readonly<{
-  label?: string;
-  className?: string;
-  children?: ReactNode;
-}>;
-export type MyAccountProfileCancelButtonProps = Readonly<{
-  label?: string;
+/** A frame button: its label is the `label` message unless children are composed. */
+type FrameButtonProps<T extends ContentTypeDefinition> = Readonly<MessageLocaleProp & {
+  $content?: ContentValue<T>;
   className?: string;
   children?: ReactNode;
 }>;
+export type MyAccountProfileEditButtonProps = FrameButtonProps<typeof MyAccountProfileEditButtonContent>;
+export type MyAccountProfileSaveButtonProps = FrameButtonProps<typeof MyAccountProfileSaveButtonContent>;
+export type MyAccountProfileCancelButtonProps = FrameButtonProps<typeof MyAccountProfileCancelButtonContent>;
 export type MyAccountProfileEmailProps = Readonly<{
   className?: string;
 }>;
 /** Throws when used outside `MyAccountProfileRoot`, per ADR-0009. */
 export declare function useMyAccountProfile(): MyAccountProfileContextValue;
-export declare const MyAccountProfileRootDefinition: ComponentDefinition<Readonly<{
+export declare const MyAccountProfileRootDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
   /** Store-configured tax-ID type fallback, used when the saved `documentType` is not registered. */
   documentType?: string;
-  saveFailedMessage?: string;
-  savedMessage?: string;
+  /** The save failure and success toasts. */
+  $content?: ContentValue<typeof MyAccountProfileRootContent>;
   className?: string;
   children?: ReactNode;
   $data?: MyAccountProfileData;
   /** Compiler-injected action surface; carries `identity.customerProfileUpdate`. */
   $actions?: ComponentActions;
 }>>;
-export declare function MyAccountProfileRoot({ $data: $dataProp, $actions: $actionsProp, documentType: documentTypeProp, saveFailedMessage, savedMessage, className, children }: MyAccountProfileRootProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MyAccountProfileRoot({ $data: $dataProp, $actions: $actionsProp, documentType: documentTypeProp, $content, $locale, className, children }: MyAccountProfileRootProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace MyAccountProfileRoot {
   var Skeleton: typeof MyAccountProfileSkeleton;
 }
-export declare const MyAccountProfileEditButtonDefinition: ComponentDefinition<Readonly<{
-  label?: string;
+export declare const MyAccountProfileEditButtonDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+  $content?: {
+    label?: string | undefined;
+  } | undefined;
   className?: string;
   children?: ReactNode;
 }>>;
-export declare function MyAccountProfileEditButton({ label, className, children }: MyAccountProfileEditButtonProps): import("react/jsx-runtime").JSX.Element | null;
-export declare const MyAccountProfileSaveButtonDefinition: ComponentDefinition<Readonly<{
-  label?: string;
+export declare function MyAccountProfileEditButton({ $content, $locale, className, children }: MyAccountProfileEditButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const MyAccountProfileSaveButtonDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+  $content?: {
+    label?: string | undefined;
+  } | undefined;
   className?: string;
   children?: ReactNode;
 }>>;
-export declare function MyAccountProfileSaveButton({ label, className, children }: MyAccountProfileSaveButtonProps): import("react/jsx-runtime").JSX.Element | null;
-export declare const MyAccountProfileCancelButtonDefinition: ComponentDefinition<Readonly<{
-  label?: string;
+export declare function MyAccountProfileSaveButton({ $content, $locale, className, children }: MyAccountProfileSaveButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const MyAccountProfileCancelButtonDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+  $content?: {
+    label?: string | undefined;
+  } | undefined;
   className?: string;
   children?: ReactNode;
 }>>;
-export declare function MyAccountProfileCancelButton({ label, className, children }: MyAccountProfileCancelButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MyAccountProfileCancelButton({ $content, $locale, className, children }: MyAccountProfileCancelButtonProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const MyAccountProfileEmailDefinition: ComponentDefinition<Readonly<{
   className?: string;
 }>>;
 export declare function MyAccountProfileEmail({ className }: MyAccountProfileEmailProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const MyAccountProfileSkeletonDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare function MyAccountProfileSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
-export type MyAccountProfileFirstNameControlProps = Readonly<{
-  label?: string;
-  requiredMessage?: string;
+export type MyAccountProfileFirstNameControlProps = Readonly<MessageLocaleProp & {
+  /** The label and the message shown when the field is left empty. */
+  $content?: ContentValue<typeof MyAccountProfileFirstNameControlContent>;
   className?: string;
 }>;
-export declare const MyAccountProfileFirstNameControlDefinition: ComponentDefinition<Readonly<{
-  label?: string;
-  requiredMessage?: string;
+export declare const MyAccountProfileFirstNameControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+  /** The label and the message shown when the field is left empty. */
+  $content?: ContentValue<typeof MyAccountProfileFirstNameControlContent>;
   className?: string;
 }>>;
-export declare function MyAccountProfileFirstNameControl({ label, requiredMessage, className }: MyAccountProfileFirstNameControlProps): import("react/jsx-runtime").JSX.Element;
-export type MyAccountProfileLastNameControlProps = Readonly<{
-  label?: string;
-  requiredMessage?: string;
+export declare function MyAccountProfileFirstNameControl({ $content, $locale, className }: MyAccountProfileFirstNameControlProps): import("react/jsx-runtime").JSX.Element;
+export type MyAccountProfileLastNameControlProps = Readonly<MessageLocaleProp & {
+  /** The label and the message shown when the field is left empty. */
+  $content?: ContentValue<typeof MyAccountProfileLastNameControlContent>;
   className?: string;
 }>;
-export declare const MyAccountProfileLastNameControlDefinition: ComponentDefinition<Readonly<{
-  label?: string;
-  requiredMessage?: string;
+export declare const MyAccountProfileLastNameControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+  /** The label and the message shown when the field is left empty. */
+  $content?: ContentValue<typeof MyAccountProfileLastNameControlContent>;
   className?: string;
 }>>;
-export declare function MyAccountProfileLastNameControl({ label, requiredMessage, className }: MyAccountProfileLastNameControlProps): import("react/jsx-runtime").JSX.Element;
-export type MyAccountProfilePhoneControlProps = Readonly<{
-  label?: string;
+export declare function MyAccountProfileLastNameControl({ $content, $locale, className }: MyAccountProfileLastNameControlProps): import("react/jsx-runtime").JSX.Element;
+export type MyAccountProfilePhoneControlProps = Readonly<MessageLocaleProp & {
   /** Which draft key this instance binds. Compose the Control twice to expose both numbers. */
   field?: 'homePhone' | 'mobilePhone';
   country?: PhoneCountry;
-  invalidMessage?: string;
+  /** The label and the message for an invalid number. */
+  $content?: ContentValue<typeof MyAccountProfilePhoneControlContent>;
   className?: string;
 }>;
-export declare const MyAccountProfilePhoneControlDefinition: ComponentDefinition<Readonly<{
-  label?: string;
+export declare const MyAccountProfilePhoneControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
   /** Which draft key this instance binds. Compose the Control twice to expose both numbers. */
   field?: "homePhone" | "mobilePhone";
   country?: PhoneCountry;
-  invalidMessage?: string;
+  /** The label and the message for an invalid number. */
+  $content?: ContentValue<typeof MyAccountProfilePhoneControlContent>;
   className?: string;
 }>>;
-export declare function MyAccountProfilePhoneControl({ label, field, country, invalidMessage, className }: MyAccountProfilePhoneControlProps): import("react/jsx-runtime").JSX.Element;
-export type MyAccountProfileTaxIdControlProps = Readonly<{
-  label?: string;
-  invalidMessage?: string;
-  /** Inline reason shown beside the locked saved document. */
-  lockedReason?: string;
+export declare function MyAccountProfilePhoneControl({ field, country, $content, $locale, className }: MyAccountProfilePhoneControlProps): import("react/jsx-runtime").JSX.Element;
+export type MyAccountProfileTaxIdControlProps = Readonly<MessageLocaleProp & {
+  /** The label, the invalid message, and the reason shown beside a locked saved document. */
+  $content?: ContentValue<typeof MyAccountProfileTaxIdControlContent>;
   className?: string;
 }>;
-export declare const MyAccountProfileTaxIdControlDefinition: ComponentDefinition<Readonly<{
-  label?: string;
-  invalidMessage?: string;
-  /** Inline reason shown beside the locked saved document. */
-  lockedReason?: string;
+export declare const MyAccountProfileTaxIdControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+  /** The label, the invalid message, and the reason shown beside a locked saved document. */
+  $content?: ContentValue<typeof MyAccountProfileTaxIdControlContent>;
   className?: string;
 }>>;
-export declare function MyAccountProfileTaxIdControl({ label, invalidMessage, lockedReason, className }: MyAccountProfileTaxIdControlProps): import("react/jsx-runtime").JSX.Element | null;
-export type MyAccountProfileBirthDateControlProps = Readonly<{
-  label?: string;
+export declare function MyAccountProfileTaxIdControl({ $content, $locale, className }: MyAccountProfileTaxIdControlProps): import("react/jsx-runtime").JSX.Element | null;
+export type MyAccountProfileBirthDateControlProps = Readonly<MessageLocaleProp & {
+  $content?: ContentValue<typeof MyAccountProfileBirthDateControlContent>;
   className?: string;
 }>;
-export declare const MyAccountProfileBirthDateControlDefinition: ComponentDefinition<Readonly<{
-  label?: string;
+export declare const MyAccountProfileBirthDateControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+  $content?: ContentValue<typeof MyAccountProfileBirthDateControlContent>;
   className?: string;
 }>>;
-export declare function MyAccountProfileBirthDateControl({ label, className }: MyAccountProfileBirthDateControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function MyAccountProfileBirthDateControl({ $content, $locale, className }: MyAccountProfileBirthDateControlProps): import("react/jsx-runtime").JSX.Element;
 export type MyAccountProfileGenderOption = Readonly<{
   value: string;
   label: string;
 }>;
-export type MyAccountProfileGenderControlProps = Readonly<{
-  label?: string;
-  placeholder?: string;
-  clearLabel?: string;
+export type MyAccountProfileGenderControlProps = Readonly<MessageLocaleProp & {
   options?: readonly MyAccountProfileGenderOption[];
+  /** The label, the placeholder and the clear button label. */
+  $content?: ContentValue<typeof MyAccountProfileGenderControlContent>;
   className?: string;
 }>;
-export declare const MyAccountProfileGenderControlDefinition: ComponentDefinition<Readonly<{
-  label?: string;
-  placeholder?: string;
-  clearLabel?: string;
+export declare const MyAccountProfileGenderControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
   options?: readonly MyAccountProfileGenderOption[];
+  /** The label, the placeholder and the clear button label. */
+  $content?: ContentValue<typeof MyAccountProfileGenderControlContent>;
   className?: string;
 }>>;
-export declare function MyAccountProfileGenderControl({ label, placeholder, clearLabel, options, className }: MyAccountProfileGenderControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function MyAccountProfileGenderControl({ options: authoredOptions, $content, $locale, className }: MyAccountProfileGenderControlProps): import("react/jsx-runtime").JSX.Element;
 export declare const MyAccountProfile: {
   Root: typeof MyAccountProfileRoot;
-  RootDefinition: ComponentDefinition<Readonly<{
+  RootDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
     /** Store-configured tax-ID type fallback, used when the saved `documentType` is not registered. */
     documentType?: string;
-    saveFailedMessage?: string;
-    savedMessage?: string;
+    /** The save failure and success toasts. */
+    $content?: ContentValue<typeof MyAccountProfileRootContent>;
     className?: string;
     children?: ReactNode;
     $data?: MyAccountProfileData;
@@ -224,20 +476,26 @@ export declare const MyAccountProfile: {
     $actions?: ComponentActions;
   }>>;
   EditButton: typeof MyAccountProfileEditButton;
-  EditButtonDefinition: ComponentDefinition<Readonly<{
-    label?: string;
+  EditButtonDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+    $content?: {
+      label?: string | undefined;
+    } | undefined;
     className?: string;
     children?: ReactNode;
   }>>;
   SaveButton: typeof MyAccountProfileSaveButton;
-  SaveButtonDefinition: ComponentDefinition<Readonly<{
-    label?: string;
+  SaveButtonDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+    $content?: {
+      label?: string | undefined;
+    } | undefined;
     className?: string;
     children?: ReactNode;
   }>>;
   CancelButton: typeof MyAccountProfileCancelButton;
-  CancelButtonDefinition: ComponentDefinition<Readonly<{
-    label?: string;
+  CancelButtonDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+    $content?: {
+      label?: string | undefined;
+    } | undefined;
     className?: string;
     children?: ReactNode;
   }>>;
@@ -248,45 +506,42 @@ export declare const MyAccountProfile: {
   Skeleton: typeof MyAccountProfileSkeleton;
   SkeletonDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
   FirstNameControl: typeof MyAccountProfileFirstNameControl;
-  FirstNameControlDefinition: ComponentDefinition<Readonly<{
-    label?: string;
-    requiredMessage?: string;
+  FirstNameControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+    /** The label and the message shown when the field is left empty. */
+    $content?: ContentValue<typeof MyAccountProfileFirstNameControlContent>;
     className?: string;
   }>>;
   LastNameControl: typeof MyAccountProfileLastNameControl;
-  LastNameControlDefinition: ComponentDefinition<Readonly<{
-    label?: string;
-    requiredMessage?: string;
+  LastNameControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+    /** The label and the message shown when the field is left empty. */
+    $content?: ContentValue<typeof MyAccountProfileLastNameControlContent>;
     className?: string;
   }>>;
   PhoneControl: typeof MyAccountProfilePhoneControl;
-  PhoneControlDefinition: ComponentDefinition<Readonly<{
-    label?: string;
+  PhoneControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
     /** Which draft key this instance binds. Compose the Control twice to expose both numbers. */
     field?: "homePhone" | "mobilePhone";
     country?: PhoneCountry;
-    invalidMessage?: string;
+    /** The label and the message for an invalid number. */
+    $content?: ContentValue<typeof MyAccountProfilePhoneControlContent>;
     className?: string;
   }>>;
   TaxIdControl: typeof MyAccountProfileTaxIdControl;
-  TaxIdControlDefinition: ComponentDefinition<Readonly<{
-    label?: string;
-    invalidMessage?: string;
-    /** Inline reason shown beside the locked saved document. */
-    lockedReason?: string;
+  TaxIdControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+    /** The label, the invalid message, and the reason shown beside a locked saved document. */
+    $content?: ContentValue<typeof MyAccountProfileTaxIdControlContent>;
     className?: string;
   }>>;
   BirthDateControl: typeof MyAccountProfileBirthDateControl;
-  BirthDateControlDefinition: ComponentDefinition<Readonly<{
-    label?: string;
+  BirthDateControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
+    $content?: ContentValue<typeof MyAccountProfileBirthDateControlContent>;
     className?: string;
   }>>;
   GenderControl: typeof MyAccountProfileGenderControl;
-  GenderControlDefinition: ComponentDefinition<Readonly<{
-    label?: string;
-    placeholder?: string;
-    clearLabel?: string;
+  GenderControlDefinition: ComponentDefinition<Readonly<MessageLocaleProp & {
     options?: readonly MyAccountProfileGenderOption[];
+    /** The label, the placeholder and the clear button label. */
+    $content?: ContentValue<typeof MyAccountProfileGenderControlContent>;
     className?: string;
   }>>;
 };